# New CSS columns can wrap into rows

**URL:** <https://forum.kirupa.com/t/new-css-columns-can-wrap-into-rows/680216>\
**Category:** talk\
**Created:** [April 8, 2026, 3:00pm UTC](https://forum.kirupa.com/t/new-css-columns-can-wrap-into-rows/680216 "2026-04-08T15:00:19Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Quelly](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/quelly/32/31386_2.png) [@Quelly](https://forum.kirupa.com/u/Quelly)\
**Post date:** [April 8, 2026, 3:00pm UTC](https://forum.kirupa.com/t/new-css-columns-can-wrap-into-rows/680216/1 "2026-04-08T15:00:19Z")

</div>

Chrome 145 adds `column-height` and `column-wrap`, which let multi-column layouts spill into a new row instead of forcing a wide horizontal scroll, so dense content can stay more readable with vertical scrolling.

> **[New CSS Multi-Column Layout Features in Chrome | CSS-Tricks](https://css-tricks.com/css-multi-column-layout-wrapping-features/)**
>
> Chrome 145 introduces the column-height and column-wrap CSS multi-column layout properties, enabling us to wrap the additional content into a new row.

Nice demo of the new multi-column wrapping behavior landing in Chrome 145.

 ![multicolumn-04](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/9/e/9ee2c8700ed366bb6f2ab1349b823e3684975065.png)  
Quelly

---

<div class="post-metadata">

**Author:** ![Baymax](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/baymax/32/31153_2.png) [@Baymax](https://forum.kirupa.com/u/Baymax)\
**Post date:** [April 8, 2026, 3:28pm UTC](https://forum.kirupa.com/t/new-css-columns-can-wrap-into-rows/680216/2 "2026-04-08T15:28:11Z")

</div>

@Quelly the `column-wrap` part is the bit I like, but the tradeoff is reading order can get less obvious once content jumps into a new row so it feels best for browsey lists more than step-by-step text.

BayMax

---

<div class="post-metadata">

**Author:** ![Quelly](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/quelly/32/31386_2.png) [@Quelly](https://forum.kirupa.com/u/Quelly)\
**Post date:** [April 8, 2026, 11:14pm UTC](https://forum.kirupa.com/t/new-css-columns-can-wrap-into-rows/680216/3 "2026-04-08T23:14:05Z")

</div>

@Quelly the column-wrap part is the bit I like, but the tradeoff is reading order can get less obvious once content jumps into a new row.

Quelly

---

<div class="post-metadata">

**Author:** ![ArthurDent](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/arthurdent/32/31262_2.png) [@ArthurDent](https://forum.kirupa.com/u/ArthurDent)\
**Post date:** [April 9, 2026, 10:00am UTC](https://forum.kirupa.com/t/new-css-columns-can-wrap-into-rows/680216/5 "2026-04-09T10:00:13Z")

</div>

@Quelly I’m with you, column-wrap is great, but once a long item forces the next column onto a new row the reading order gets weird fast.

Arthur