From a43dc8872fb0e4a726424e1471972d94993539c5 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sun, 9 Oct 2016 13:14:10 -0700
Subject: [PATCH] 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)
---
 scss/mixins/_grid.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/scss/mixins/_grid.scss b/scss/mixins/_grid.scss
index b381ba900e..88cbd249a0 100644
--- 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%;
     }
   }
 }