New CSS Multi-Column Layout Features in Chrome | CSS-Tricks
Briefly

New CSS Multi-Column Layout Features in Chrome | CSS-Tricks
"Chrome 145 introduces the column-height and column-wrap properties, enabling us to wrap the additional content into a new row below, creating a vertical scroll instead of a horizontal scroll."
"The new properties can be genuinely useful in several cases, especially for content that has predictable or capped heights, like card grids where each card has a max-height."
"Wrapping creates a much more seamless user experience, transforming multi-column layouts into 2D flows that align better with modern web scrolling practices."
Chrome 145 introduces column-height and column-wrap properties, allowing multi-column layouts to wrap content vertically instead of forcing horizontal scrolls. This enhances user experience on the web, where vertical scrolling is standard. The properties are particularly useful for content with predictable heights, such as card grids. As of April 2026, these features are supported in Chrome 145+, but not in Firefox, Safari, or Edge. The ability to toggle between column-wrap options demonstrates the practical benefits of these new CSS capabilities.
Read at CSS-Tricks
Unable to calculate read time
[
|
]