# Multiple columns

Compare the same six resources.

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

## Concept

Three or more page regions keep navigation, active work, and context nearby.

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

## When to choose it

Choose it when context must remain visible beside work. More regions divide attention and need an explicit small-screen order.

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