Flexbox grid updates (#20829)

* Fixes #20775 without adding extra width and an important flag

* Since we're now getting the extend, we don't need the extra position relative

* rerrange

* getting min-height from the extend already

1 files changed, 5 insertions, 2 deletions

diff --git a/scss/mixins/_grid-framework.scss b/scss/mixins/_grid-framework.scss
index 0e3852e24..35ccd9221 100644
--- a/scss/mixins/_grid-framework.scss
+++ b/scss/mixins/_grid-framework.scss
@@ -21,6 +21,11 @@
   @each $breakpoint in map-keys($breakpoints) {
     $breakpoint-counter: ($breakpoint-counter + 1);
 
+    // Allow columns to stretch full width below their breakpoints
+    .col-#{$breakpoint} {
+      @extend %grid-column;
+    }
+
     @for $i from 1 through $columns {
       .col-#{$breakpoint}-#{$i} {
         @extend %grid-column;
@@ -31,11 +36,9 @@
       // Provide basic `.col-{bp}` classes for equal-width flexbox columns
       @if $enable-flex {
         .col-#{$breakpoint} {
-          position: relative;
           flex-basis: 0;
           flex-grow: 1;
           max-width: 100%;
-          min-height: 1px;
         }
       }