Quickfix case sensitive

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