# Uniform grid

Compare the same six resources.

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

## Concept

Equal-width cards align in shared rows.

## 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. Equal-width cards share row heights, including room for longer text.

## When to choose it

Choose it for comparable resources with similar information. Uneven content can leave empty space inside taller rows.

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