# Multiple columns

Compare the same six resources.

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

## Why: the goal or problem

People must consult navigation and context while working. Moving between separate screens repeatedly breaks that comparison.

## 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. Filters, resources, and guidance occupy three adjacent regions.

## What: the concept

**Multiple columns** — Three or more page regions keep navigation, active work, and context nearby.

More regions divide attention and need an explicit small-screen order.

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