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.

Compatibility

• Chrome ❌ See crbug.com/40128480
• Chrome Android ❌ See crbug.com/40128480
• Edge ❌ See crbug.com/40128480
• Firefox ❌ See bugzil.la/1757446
• Firefox for Android ❌ See bugzil.la/1757446
• Safari ❌ Search for bugs Search for standards position
• Safari on iOS ❌ See webkit.org/b/248287

BCD data

• css.properties.grid-template-columns.masonry
• css.properties.grid-template-rows.masonry
• css.properties.masonry-auto-flow