You can now wrap columns into new rows in CSS multi-column layout.

Chrome's platform is a leading web browser developed by Google, offering insights into web standards, browser features, and web development tools. Through documentation, developer tools, and webinars, Chrome provides insights into building modern web applications and optimizing performance. Developers can learn about web APIs, progressive web apps (PWAs), and Chrome DevTools to create fast, secure, and user-friendly web experiences.

Chrome Developers

Chrome 145 introduces support for `column-wrap` and `column-height` properties from the CSS multi-column layout level 2 specification. These properties allow columns to wrap into new rows in the block direction instead of overflowing horizontally. This solves the problem of horizontal scrollbars with unpredictable content amounts and enables patterns like block-direction carousels. The feature provides better control over multi-column layouts, though designers should ensure clear visual distinction between rows to maintain readability.

Support for wrapped columns in multi-column layout