# Single column

Compare the same six resources.

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

## Why: the goal or problem

Readers need one clear sequence, especially on narrow screens. Competing side regions can obscure what comes next.

## 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 form one vertical stream.

## What: the concept

**Single column** — Filters, resources, and guidance follow one vertical stream.

Long pages require scrolling; a restrained line length helps keep the text manageable.

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