Remove unnecessary wrapping in IE fallback

canonical · Mar 24, 2020 · 4179ab9 · 4179ab9
1 parent e50762d
commit 4179ab9
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: $breakpoint-large) {
+      display: flex;
+    }
 
     & & {
       @include vf-b-row-reset;