diff options
| -rw-r--r-- | scss/mixins/_grid.scss | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/scss/mixins/_grid.scss b/scss/mixins/_grid.scss index 87920e284..b6d980577 100644 --- a/scss/mixins/_grid.scss +++ b/scss/mixins/_grid.scss @@ -67,7 +67,11 @@ } @mixin make-col($size, $columns: $grid-columns) { - width: percentage($size / $columns); + flex: 0 0 percentage($size / $columns); + // Add a `max-width` to ensure content within each column does not blow out + // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari + // do not appear to require this. + max-width: percentage($size / $columns); } @mixin make-col-offset($size, $columns: $grid-columns) { |