From 59cfb9d947d554e55e7ece398eaee213861bb137 Mon Sep 17 00:00:00 2001
From: Bartek Szopka <bartek.szopka@canonical.com>
Date: Tue, 24 Mar 2020 08:48:33 +0100
Subject: [PATCH] Remove unnecessary wrapping in IE fallback

---
 scss/_base_grid-definitions.scss | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/scss/_base_grid-definitions.scss b/scss/_base_grid-definitions.scss
index 00cbdb511..87e0cbe78 100644
--- 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;