Add CSS Grid Layout Module Level 3 (Masonry! aka. grid-lanes)

[Schweinepriester]

https://drafts.csswg.org/css-grid-3/

Probably early and likely will come via MDN, but keeping track 0:-)

[Schweinepriester]

https://www.smashingmagazine.com/native-css-masonry-layout-css-grid/

[CrazyStevenz]

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Masonry_Layout

[Schweinepriester]

Indeed available via MDN: https://caniuse.com/?search=masonry

Currently in two entries:

• https://caniuse.com/mdn-css_properties_masonry
• https://caniuse.com/mdn-css_properties_masonry-auto-flow

[GPHemsley]

Indeed, this is covered by MDN data (via mdn/browser-compat-data#7249), but it appears there may be more work to be done.

grid-template-rows: masonry is covered here:
https://caniuse.com/mdn-css_properties_grid-template-rows_masonry

masonry-auto-flow (as mentioned above) is covered here:
https://caniuse.com/mdn-css_properties_masonry-auto-flow

But grid-template-columns: masonry is missing, and mdn/browser-compat-data#9078 suggests that it may actually be (incorrectly) covered by this entry:
https://caniuse.com/mdn-css_properties_masonry

Additionally, these do not come up when searching for "masonry":
https://caniuse.com/mdn-css_properties_justify-tracks
https://caniuse.com/mdn-css_properties_align-tracks

[Schweinepriester]

https://webkit.org/blog/13839/release-notes-for-safari-technology-preview-163/:

Masonry Layout

• Enabled Masonry layout by default (258694@main, 259308@main)
• Added the initial support for align-tracks and justify-tracks (258544@main)

[nathanchase]

w3c/csswg-drafts#13191

Update CSS-Grid-3 spec to use new grid-lanes syntax

[jensimmons]

Yes! Now we need a page for Grid Lanes. The future is clear.

[karlhorky]

Thanks @jensimmons, I see you and others wrote a WebKit blog post about CSS Grid Lanes now:

• https://webkit.org/blog/17660/introducing-css-grid-lanes/

[karlhorky]

CSS-Tricks (@sunkanmii) compiled some (early) compatibility data also on 19 Dec 2025 - see the "So, what's next?" section of the article:

• https://css-tricks.com/masonry-layout-is-now-grid-lanes/#aa-so-whats-next

[jensimmons]

I just submitted a PR: #7451

[Fyrd]

Now available at https://caniuse.com/css-grid-lanes