fix: Layout on small breakpoints

newrelic · Jun 17, 2020 · 52c5b20 · 52c5b20
1 parent 782fa30
commit 52c5b20
Showing 1 changed file with 4 additions and 13 deletions.
diff --git a/src/components/Layout.module.scss b/src/components/Layout.module.scss
@@ -8,23 +8,14 @@
   display: grid;
   grid-template-columns: 300px minmax(0, 1fr);
   width: 100%;
-}
-
-.content {
-  padding: 2rem;
-}
 
-@media (max-width: 760px) {
-  .layout {
-    display: block;
+  @media screen and (max-width: 760px) {
+    grid-template-columns: 1fr;
   }
 }
 
-@media screen and (max-width: 1240px) {
-  .layout {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
+.content {
+  padding: 2rem;
 }
 
 .hideOnDesktop {