Web platform features explorer

The display: grid-lanes or display: inline-grid-lanes CSS declaration creates a layout where items are tightly packed, like brickwork, in parallel lanes. Items are placed one by one in the lane that has the most available space.

Status

Limited availability

MDN documentation

Masonry layout

Specifications

CSS Grid Layout Module Level 3, from Cascading Style Sheets (CSS) Working Group (W3C).

Browser support

Chrome ❌ See crbug.com/40128480
Chrome Android ❌ See crbug.com/40128480
Edge ❌ See crbug.com/40128480
Firefox ❌
Firefox for Android ❌
Safari ❌ Vendor position : support
Safari on iOS ❌ Vendor position : support

Surveys

State of CSS 2025 > usage > css missing features
State of CSS 2025 > usage > css interoperability features
State of CSS 2025 > usage > css general pain points
State of CSS 2025 > layout > layout pain points
State of CSS 2024 > usage > css missing features

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Developer signals

Votes: 46

If you want this feature to be available in all browsers, vote for it by adding a thumbs up reaction (👍) to this GitHub issue, and leave a comment with more information.

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist