The grid below changes from 1 column → 2 → 3 as the viewport widens.
Default styles target small screens; media queries upgrade the layout.
CSS grid + breakpoints adapt content density to viewport size.
Honors prefers-color-scheme: change your OS theme to test.
Generous spacing and large hit targets for mobile.
No external assets — all CSS inline for instant render.
Semantic landmarks, keyboard-navigable links, sufficient contrast.