Phone & tablet layouts

New Testament Atlas — layout check

Each frame below is a real viewport at true device size, so the atlas inside resolves its own breakpoints exactly as it would on the hardware. Use this to check the bottom bar, the drawer, the six tabs and the 44 px touch targets without a device in hand — then confirm on glass, since finger size and Safari's toolbars are the two things a frame can't fake. Back to the atlas →

Rotate Open at Reload
iPhone 15
393 × 852
iPad (10.9")
820 × 1180
What to test on real glass

Touch targets. Every row, chip and tab is built to 44 px, but only a thumb confirms the bottom bar's five buttons are distinguishable without looking.

Pinch and pan. The map owns two-finger gestures; check that scrolling the sidebar list never drags the map underneath it.

Safari chrome. iOS collapses its toolbars on scroll, which changes the visible height mid-gesture — watch that the bottom bar stays put.

Presenter mode. Turn it on, then stand where the back row of the class will be.

New Testament Atlas — created, written and owned by Taylor Halverson, PhD · insights.taylorhalverson.com
This page is a layout harness, not part of the atlas itself.