Content arrangement

Compare lists, uniform grids, and masonry to decide how people scan and compare items of different sizes.

Search within: Content arrangement

3 field notes

Layout

Repeated rows align text and metadata when scanning comparable fields matters more than image variety.

Pack varied-height items into short columns when preserving image proportions matters more than shared rows.

Equal-width cards and shared rows support fair comparison of similarly structured items.

Comparison within this category
Concept	Features	Advantages	Limitations	Suitable situations	Combination conditions
List layout	Repeated rows align text and metadata when scanning comparable fields matters more than image variety.	Stable metadata positions support quick comparison.	Long summaries can hide the pattern; keep row content concise.	Choose it for scanning and comparing text-heavy items.	A list can fill the main region of a two-column page.
Masonry	Pack varied-height items into short columns when preserving image proportions matters more than shared rows.	Short columns absorb cards without uniform row gaps.	Test keyboard order and overlap after expansion; on narrow screens use one column.	Choose it for visual collections.	Minimal card styling can keep varied images prominent.
Uniform grid	Equal-width cards and shared rows support fair comparison of similarly structured items.	Shared rows make similarly structured resources comparable.	Uneven content can leave empty space inside taller rows.	Choose it for comparable resources with similar information.	Flat surfaces preserve card boundaries without extra depth.