Make container spacing consistent

Author: johno

components/Container.js

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

components/Header.js

@@ -5,8 +5,8 @@ import Flex from './Flex'
 import { NavLink, TitleLink } from './ui'
 
 export default ({ version }) => (
-  <header className="w-100 pa3 ph5-ns bg-white">
-    <Container>
+  <header className="pv3">
+    <Container padding={true}>
       <Flex justify="between" alignItems="center">
         <TitleLink
           href="/"

pages/resources.js

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