Masonry should be part of grid.

Making it `display: masonry` doesn't work in real-life use-cases (complex CSS, responsive variations, etc).

+ a new display value feels like duplicating the grid syntax but with a new name. Doesn't feel right.

https://webkit.org/blog/16026/css-masonry-syntax/

Help us choose the final syntax for Masonry in CSS

Back in April 2024, we wrote about “Masonry” layout in CSS and the ongoing work to bring this feature to browsers.

WebKit

@shadeed9 I think the WebKit team hit the nail on the head when they said the Chrome team’s argument works better in isolation than in real life. My team and I are working on a big refactor and can clearly see how the Grid approach is more effective in practice than in isolated examples or when focusing solely on pre-emptive optimization.

On a personal note, I feel the Chrome team has been quite forceful in pushing their point of view—after all, we’re all friends on the web!

@angelux I agree! I remember looking at the mentioned article in Chrome’s blog and I wasn't interested because of the purely abstract examples.

I’m trying to wrap my head around the spec and share my thoughts in an upcoming blog post.