Media layout test page
Alternate portrait and landscape blocks here to see how mixed media ratios behave around breakpoints, especially when the viewport height changes mid-scroll.
Browser tabENSafe-area test
This shell is intentionally built to expose mobile browser chrome changes, bottom inset handling, standalone mode differences, and touch ergonomics.
Fake route progress
16:9
Media card 1
Test image placeholders, captions, and whether card widths remain readable at narrow mobile widths.
3:4
Media card 2
Test image placeholders, captions, and whether card widths remain readable at narrow mobile widths.
16:9
Media card 3
Test image placeholders, captions, and whether card widths remain readable at narrow mobile widths.
3:4
Media card 4
Test image placeholders, captions, and whether card widths remain readable at narrow mobile widths.
16:9
Media card 5
Test image placeholders, captions, and whether card widths remain readable at narrow mobile widths.
3:4
Media card 6
Test image placeholders, captions, and whether card widths remain readable at narrow mobile widths.