Layout
Masonry Grid
layoutgridimagesvariable height
Cards of varying height arranged without fixed rows, like brickwork.
When to use
- Image-heavy collections where crop/resize would lose quality
- Pinterest-style inspiration boards
- Content with naturally varying heights (e.g. quotes, screenshots)
Examples
- Pinterest's home feed
- Unsplash photo grid
See this in the wild
Analyze a site and look for masonry grid in the breakdown.
