From a48b6e18ab29b0330bdad234de66cf37b5dd8ec8 Mon Sep 17 00:00:00 2001
From: Moris Zen <moris.pasic@gmail.com>
Date: Wed, 27 Jun 2018 14:28:20 +0200
Subject: [PATCH] Quickfix case sensitive

---
 src/layouts/index.js |  6 +++---
 src/styles/index.css | 47 ++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 50 insertions(+), 3 deletions(-)

diff --git a/src/layouts/index.js b/src/layouts/index.js
index c10ad52..7454d82 100644
--- a/src/layouts/index.js
+++ b/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 Footer from '../components/Footer'
+import Header from '../components/header'
+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()}
diff --git a/src/styles/index.css b/src/styles/index.css
index ed1f8b3..4fe7451 100644
--- a/src/styles/index.css
+++ b/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;
+}