Styling and restructuring of components, config edit

src/layouts/index.js

@@ -4,8 +4,8 @@ import Helmet from 'react-helmet'
 
 import Header from '../components/Header'
 import Footer from '../components/Footer'
-import "../styles/index.css"
-import "../styles/custom.css"
+import '../styles/index.css'
+import '../styles/custom.css'
 
 const Layout = ({ children, data }) => (
   <div className="font-sans mx-auto">
@@ -13,13 +13,14 @@ const Layout = ({ children, data }) => (
       title={data.site.siteMetadata.title}
       meta={[
         { name: 'description', content: 'We code & design great software' },
-        { name: 'keywords', content: 'software, design, coding, programming, code, consulting' },
+        {
+          name: 'keywords',
+          content: 'software, design, coding, programming, code, consulting',
+        },
       ]}
     />
     <Header />
-    <main>
-      {children()}
-    </main>
+    {children()}
     <Footer />
   </div>
 )