Multicolumn Layouts

It’s been possible to work in multiple columns of text without having to resort to hacks to make columns work in multiple browsers and in multiple form factors.

According to caniuse.com developers need to pay attention to the following caveats:

Firefox doesn’t support the break-before, break-after, break-inside properties but supports the page-break-* properties to accomplish the same result.

WebKit-based based browsers support the non-standard -webkit-column-break-* properties to accomplish the same result (but only the auto and always values)

Before Chrome 63, the browser supports the non-standard -webkit-column-break-* properties to accomplish the same result (but only the auto and always values)

Samsum Internet version 4 does not support the column-fill property. This has been fixed for version 7

None of these issues are deal breakers, we just have to write more CSS to accomplish the same goal but it’s a good use case for feature queries or working with the cascade where browsers will ignore rules that they don’t understand.