Remove unnecessary wrapping in IE fallback

canonical · Mar 24, 2020 · 908ddce · 908ddce
1 parent 9ed5b05
commit 908ddce
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/scss/_base_grid-definitions.scss b/scss/_base_grid-definitions.scss
@@ -17,9 +17,11 @@
   %vf-row {
     @extend %fixed-width-container;
 
-    // default to flexbox for IE
-    display: flex;
-    flex-wrap: wrap;
+    // default to flexbox for IE on large screens
+    // on small screens we let columns render one under another
+    @media (min-width: $threshold-6-12-col) {
+      display: flex;
+    }
 
     & & {
       @include vf-b-row-reset;