Web platform features explorer

Masonry is a type of CSS grid layout where the items on one of the axes are tightly packed together, like brickwork, instead of leaving gaps to align across the other axis.

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: 38

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