style: fix .grid-auto-fit responsive

UXCorpRangel · Aug 13, 2024 · 8f10aab · 8f10aab
1 parent e7bb75d
commit 8f10aab
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/src/routes/index.astro b/src/routes/index.astro
@@ -59,6 +59,16 @@ import { GradientColor } from '../components/GradientBackground/GradientBackgrou
     margin: 0 auto;
   }
 
+  @media (width >= 992px) {
+    .grid-auto-fit {
+      --min-item-width: 30rem;
+      --grid-gap: 2rem;
+
+      margin-inline: auto;
+      max-width: 100%;
+    }
+  }
+
   main {
     overflow: hidden;
   }
@@ -72,13 +82,5 @@ import { GradientColor } from '../components/GradientBackground/GradientBackgrou
         margin: 0 auto;
       }
     }
-
-    .grid-auto-fit {
-      --min-item-width: 30rem;
-      --grid-gap: 2rem;
-
-      margin-inline: auto;
-      max-width: 100%;
-    }
   }
 </style>