Quickfix case sensitive

src/layouts/index.js

@@ -2,8 +2,8 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import Helmet from 'react-helmet'
 
-import Header from '../components/Header'
+import Header from '../components/header'
-import Footer from '../components/Footer'
+import Footer from '../components/footer'
 import "../styles/index.css"
 
 const Layout = ({ children, data }) => (
@@ -14,7 +14,7 @@ const Layout = ({ children, data }) => (
         { name: 'description', content: 'We code & design great software' },
         { name: 'keywords', content: 'software, design, coding, programming, code, consulting' },
       ]}
-    />
+    />t
     <Header siteTitle={data.site.siteMetadata.title} />
     <main>
       {children()}

src/styles/index.css

@@ -30,6 +30,13 @@ body {
  * Add the correct display in IE 9-.
  */
 
+
+footer,
+header,
+nav {
+  display: block;
+}
+
 /**
  * Correct the font size and margin on `h1` elements within `section` and
  * `article` contexts in Chrome, Firefox, and Safari.
@@ -48,6 +55,12 @@ h1 {
  * 1. Add the correct display in IE.
  */
 
+
+main {
+  /* 1 */
+  display: block;
+}
+
 /**
  * Add the correct margin in IE 8.
  */
@@ -381,10 +394,44 @@ p {
   border-radius: 0;
 }
 
+
 [role=button] {
   cursor: pointer;
 }
 
+.container {
+  width: 100%;
+}
+
+@media (min-width: 576px) {
+  .container {
+    max-width: 576px;
+  }
+}
+
+@media (min-width: 768px) {
+  .container {
+    max-width: 768px;
+  }
+}
+
+@media (min-width: 992px) {
+  .container {
+    max-width: 992px;
+  }
+}
+
+@media (min-width: 1200px) {
+  .container {
+    max-width: 1200px;
+  }
+}
+
 .font-sans {
   font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
 }
+
+.mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}