Update grid layout mobile

1 files changed, 7 insertions, 16 deletions

diff --git a/styles/base/_layout.scss b/styles/base/_layout.scss
index 237769c..f1eecec 100644
--- a/styles/base/_layout.scss
+++ b/styles/base/_layout.scss
@@ -3,14 +3,13 @@
   grid-gap: $space-normal;
   min-height: 100vh;
 
-  // @media screen and (max-width: $phone) {
-  //   grid-template-rows: $header-height 1fr auto $footer-height;
-  //   grid-template-areas:
-  //     "header"
-  //     "main"
-  //     "sidebar"
-  //     "footer";
-  // }
+  @media screen and (max-width: $phone) {
+    grid-template-rows: 100px 1fr 90px;
+    grid-template-areas:
+      "header"
+      "main"
+      "footer";
+  }
 
   @media screen and (min-width: $phone) {
     grid-template-columns: 320px 1fr;
@@ -32,11 +31,3 @@
 .footer {
   grid-area: footer;
 }
-
-.content {
-  grid-area: content;
-}
-
-.sidebar {
-  grid-area: sidebar;
-}