The Latest in the “How are we going to do masonry?” Debate: Apple Says “Item Flow”

Chris Coyier Chris Coyier on

Last we checked in with how the web platform was planning on helping us with “masonry” layout, it was a versus battle between “just use grid” and “make a new layout type”. Now Apple folks have an idea: a new shorthand property called item-flow. Nothing is decided here (I don’t think), but it seems very sensible. I like how it has meaning to multiple layout modes, potentially opening up new possibilities instead of masonry alone. They are going to elaborate in a future post, but it sounds like item-pack: collapse; is the road to masonry specifically, perhaps across multiple layout modes.

I’ll repoint to my feeling that reading-order is very related and also opens possibility in that we can use what we’ve already got in broader ways without negative accessibility implications.

Wanna learn modern CSS layout?

Leave a Reply

Your email address will not be published. Required fields are marked *

$966,000

Frontend Masters donates to open source projects through thanks.dev and Open Collective, as well as donates to non-profits like The Last Mile, Annie Canons, and Vets Who Code.