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

Developer signals

State of CSS 2025: usage/css_missing_features question
State of CSS 2025: usage/css_interoperability_features question
State of CSS 2025: usage/css_general_pain_points question
State of CSS 2025: layout/layout_pain_points question
State of CSS 2024: usage/css_missing_features question

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Developer signals

Votes: 6

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