# Uniform grid

Compare the same six resources.

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

## Why: the goal or problem

Similar items need quick comparison. Inconsistent widths and positions make equal attributes harder to scan.

## How: work toward a solution

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.

## What: the concept

**Uniform grid** — Equal-width cards align in shared rows.

Uneven content can leave empty space inside taller rows.

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