Fixed position

Style-Forge · Jul 14, 2024 · 58ff985 · 58ff985
1 parent 57ace2e
commit 58ff985
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/src/site.css b/src/site.css
@@ -92,7 +92,7 @@
 
 @media (max-width: 768px) {
   .sf-pattern.area-menu {
-    grid-template-columns: 1fr;
+    grid-template-columns: 1fr auto;
     grid-template-rows: auto 1fr;
     grid-template-areas:
       'menu'
@@ -119,9 +119,10 @@
       'footer';
   }
 
-  .sf-pattern.area-aside { grid-template-areas: 'main aside' }
+  .sf-pattern.area-aside {
+    grid-template-areas: 'main aside'
+  }
   .sf-pattern.area-aside.area-header {
-    grid-template-rows: auto 1fr;
     grid-template-areas:
       'header header'
       'main aside';
@@ -138,8 +139,8 @@
       'footer footer';
   }
 
-  .sf-pattern.area-menu.aside {
-    grid-template-columns: 1fr;
+  .sf-pattern.area-menu.area-aside {
+    grid-template-columns: 1fr auto;
     grid-template-areas:
       'menu menu'
       'main aside';
@@ -168,11 +169,13 @@
 
 @media (max-width: 480px) {
   .sf-pattern.area-aside {
+    grid-template-rows: 1fr auto;
     grid-template-areas:
       'main'
       'aside';
   }
   .sf-pattern.area-aside.area-header {
+    grid-template-rows: auto 1fr auto;
     grid-template-areas:
       'header'
       'main'
@@ -193,6 +196,8 @@
   }
 
   .sf-pattern.area-menu.area-aside {
+    grid-template-columns: 1fr;
+    grid-template-rows: auto 1fr auto;
     grid-template-areas:
       'menu'
       'main'