Summary & Key Takeaways ​

• Chrome 145 is introducing two new CSS properties: column-height and column-wrap.
• These properties enhance the control over multi-column layouts in CSS.
• column-wrap allows additional content that overflows columns to wrap into a new row below the existing columns.
• This new wrapping behavior enables a vertical scroll for overflow content, preventing unwanted horizontal scrolling.
• The features provide more flexibility and better user experience for complex text and content layouts.

Our Commentary ​

Multi-column layouts have always been a bit tricky to manage, especially when content length is dynamic. The introduction of column-height and column-wrap in Chrome 145 feels like a missing piece of the puzzle. Let's see when we get that supported in every browser though 😃