# List layout

Compare the same six resources.

ID: list-layout
Language: en
Revision: 2
Translation source revision: 2
Canonical: https://jujin.dev/en/catalog/list-layout/

## Concept

Repeated rows keep title, summary, and metadata in predictable positions.

## Example

All six layouts use the same six resources, labels, and colors. Filter a topic, reverse collection order, open study notes, or narrow the preview. Compare the reading flow while the content stays the same. Reset or reload restores the full collection and original order. Images and text repeat in aligned rows.

## When to choose it

Choose it for scanning and comparing text-heavy items. Long summaries can hide the pattern; keep row content concise.

[W3C](https://www.w3.org/WAI/WCAG22/Understanding/reflow.html)