Move from max-width to width for containers, plus a max-width 100%

- Fixes issues between float and flex grid systems where container wouldn't fill the available width in Chrome & FF (but would in Safari)
- Fixes #20681
- Fixes #17621 (basically same issue as above issue)

diff --git a/scss/mixins/_grid.scss b/scss/mixins/_grid.scss
index b381ba900e994f38cdea0e802c7824ebad7b27ce..88cbd249a08065672498b566ec2d3594588c1c92 100644 (file)
--- a/scss/mixins/_grid.scss
+++ b/scss/mixins/_grid.scss
@@ -17,7 +17,8 @@
 @mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
   @each $breakpoint, $container-max-width in $max-widths {
     @include media-breakpoint-up($breakpoint, $breakpoints) {
-      max-width: $container-max-width;
+      width: $container-max-width;
+      max-width: 100%;
     }
   }
 }