Finish resources page

Author: johno

components/Container.js

@@ -1,5 +1,9 @@
 import React from 'react'
+import classNames from 'classnames'
 
-export default ({ className = '', ...props }) => (
-  <div className={`mw9 center ${className}`} {...props} />
-)
+export default ({ className = '', ph, ...props }) => {
+  const cx = classNames(className, 'mw9 center', {
+    'ph3 ph5-m ph0-l': ph
+  })
+  return <div className={cx} {...props} />
+}

components/ui.js

@@ -4,7 +4,7 @@ import Link from 'next/link'
 export const NavLink = ({ href = '#!', ...props }) => (
   <Link href={href}>
     <a
-      className="f6 fw6 hover-blue link black-70 mr2 mr3-m mr4-l dib"
+      className="f6 fw6 hover-blue link black-70 ml2 ml3-m ml4-l dib"
       {...props}
     />
   </Link>

pages/resources.js

@@ -5,7 +5,7 @@ import Container from '../components/Container'
 
 export default () => (
   <Layout title="TACHYONS - Resources">
-    <Container>
+    <Container ph={true}>
       <h1 className="f3 f1-l">Resources</h1>
       <article>
         <h3 className="f5 fw6 bb bw2 pb2 mb3">Recommended Reading</h3>