🐛 - fix: fix a bug that could cause the grid size to vary

maykinmedia · Feb 19, 2024 · e7fb5be · e7fb5be
1 parent dd0f4ac
commit e7fb5be
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/layout/grid/grid.scss b/src/components/layout/grid/grid.scss
@@ -2,7 +2,7 @@
 
 .mykn-grid {
   display: grid;
-  grid-template-columns: repeat(6, auto);
+  grid-template-columns: repeat(6, 1fr);
   gap: var(--gutter-v-mobile) var(--gutter-h-mobile);
   width: 100%;
 
@@ -25,7 +25,7 @@
 
   @media screen and (min-width: constants.$breakpoint-desktop) {
     & {
-      grid-template-columns: repeat(12, auto);
+      grid-template-columns: repeat(12, 1fr);
       gap: var(--gutter-v-desktop) var(--gutter-h-desktop);
     }
   }