FIG-001/ ORIENTATION

horizontal by default.

The first render is visibly horizontal. Switch to vertical, or choose auto to let the list change axes at the 640px breakpoint while preserving the keyed viewport anchor.

↩ all examples
items · 10,000axes · horizontal + verticalbreakpoint · 640px mode · live running source
active axis · horizontal
00001 Item 1 128px wide
00002 Item 2 152px wide
00003 Item 3 176px wide
00004 Item 4 200px wide
00005 Item 5 128px wide
00006 Item 6 152px wide
00007 Item 7 176px wide
00008 Item 8 200px wide
00009 Item 9 128px wide
00010 Item 10 152px wide
00011 Item 11 176px wide
00012 Item 12 200px wide
00013 Item 13 128px wide
00014 Item 14 152px wide
00015 Item 15 176px wide
00016 Item 16 200px wide
00017 Item 17 128px wide
00018 Item 18 152px wide
00019 Item 19 176px wide
00020 Item 20 200px wide
00021 Item 21 128px wide

Horizontal is the deterministic first render. Choose auto to switch at the 640px breakpoint.

category · orientation
sheet · sheet 01 / 01
⟳ to re-run

Horizontal & Responsive