hero updates and general layout work

2017-08-19 13:17:39 -05:00
parent 323f3a1263
commit 83acf3e641
8 changed files with 148 additions and 40 deletions
--- a/site/assets/scss/elements/_layout.scss
+++ b/site/assets/scss/elements/_layout.scss
@ -1,5 +1,30 @@
+body {
+  min-width: 300px;
+}
+
 header,
-main,
 footer {
+  margin: 0;
  padding: 0;
 }
+
+main {
+  margin: 0 $gutter;
+  padding: 0;
+}
+
+@media screen and (min-width: 426px) {
+  footer,
+  main {
+    margin: 0 auto;
+    width: 425px;
+  }
+}
+
+@media screen and (min-width: 768px) {
+  footer,
+  main {
+    width: calc(100% * 0.809);
+    max-width: 860px;
+  }
+}