CSS Item Flow: Unifying Flexbox, Grid, and Masonry Layouts
2025-04-02

CSS Grid and Flexbox are powerful layout tools, but they fall short for complex layouts like masonry. A new proposal, "Item Flow," aims to solve this by unifying Flexbox's `flex-flow` and Grid's `grid-auto-flow` properties. It introduces new properties like `item-direction`, `item-wrap`, `item-pack`, and `item-slack`, enabling more flexible and powerful layout control. This would give Flexbox dense packing and Grid the ability to disable wrapping, while providing a clean solution for masonry layouts. The result is a more unified and user-friendly CSS layout system.
Development
Layout