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
{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;
+}