_grid.scss in active_frontend-17.6.1

- old
+ new

@@ -74,11 +74,11 @@
   }
 }
 .container-grid {
   display: grid;
   grid-gap: 20px;
-  grid-template-columns: repeat(auto-fill, minmax(33.33333%, 1fr));
+  grid-template-columns: repeat(3, 1fr);
 }
 
 // Columns
 // ==================================================
 .cols {
@@ -112,11 +112,11 @@
 
 // Media Queries
 // ==================================================
 @media only screen and (min-width: breakpoint-min-width(xl)) {
   .container-cols { column-count: 4; }
-  .container-grid { grid-template-columns: repeat(auto-fill, minmax(25%, 1fr)); }
+  .container-grid { grid-template-columns: repeat(4, 1fr); }
 }
 @media only screen and (min-width: breakpoint-min-width(b)) and (max-width: breakpoint-max-width(l)) {
   @each $name, $widths in $grid-container-widths {
     $width: nth($widths, 2);
 
@@ -136,11 +136,11 @@
       .container-fixed-#{$name} { width: 813px; }
     }
   }
 
   .container-cols { column-count: 2; }
-  .container-grid { grid-template-columns: repeat(auto-fill, minmax(50%, 1fr)); }
+  .container-grid { grid-template-columns: repeat(2, 1fr); }
   .hidden-desktop { display: inherit; }
   .hidden-tablet { display: none; }
 }
 @media only screen and (max-width: breakpoint-max-width(s)) {
   @each $name, $margin in $grid-row-margins {
@@ -178,9 +178,9 @@
 
   .container-cols {
     column-count: 1;
     column-gap: 0;
   }
-  .container-grid { grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); }
+  .container-grid { grid-template-columns: repeat(1, 1fr); }
   .hidden-desktop { display: inherit; }
   .hidden-phone { display: none; }
 }