Dropping flex and max-width introduced issue for Variable content width

Created by: sachinsinghi

As advised by you, I am logging the defect.

With this commit that dropped flex and max-width introduced a bug on variable content width feature.

Since the max-width is dropped, .col max-width takes over the width of columns and make it 100%.

Previous code: @mixin make-col($size, $columns: $grid-columns) { flex: 0 0 percentage($size / $columns); max-width: percentage($size / $columns); }

New code: @mixin make-col($size, $columns: $grid-columns) { width: percentage($size / $columns); }

Operating system and version: Windows 7+, Mac OS 10+, Android 4+, iOS 8+, Win10 Mobile
Browser and version: Chrome, Firefox, Safari
Here is the sample JS Bin

If the above mentioned commit is reverted, this issue will be fixed.

Please excuse me if I am not very clear with the explanation. As this is me first time logging a defect.

Happy to provide more details if needed.