Restructuring and layout fixes

src/templates/blog.js

@@ -9,10 +9,10 @@ class Blog extends Component {
     const data = this.props.data
     return (
       <div>
-        <PageIntro intro="Blog" headline="Occasionally we find the time to have fun and publish" />
+        <PageIntro intro="Blog" headline="Occasionally we find the time to have fun and publish" sectionClasses="mb-16 lg:mb-4" />
         <div className="container mx-auto p-4 w-full md:flex md:flex-wrap items-stretch w-full">
           {data.allWordpressPost.edges.map(({ node }) => (
-            <div key={node.id} className="md:w-1/2 p-2">
+            <div key={node.id} className="mt-4 md:w-1/2 p-2">
               <Card
                 url={`blog/${node.slug}`}
                 title={node.title}