A responsive layout, previewed at any size
This neutral page reflows across breakpoints so the Responsive Preview tool can show how a layout adapts from mobile to desktop. The grid below stacks on small screens and fans out as the viewport grows.
Primary actionSecondary
Stacks on mobile
One column keeps everything readable on a phone.
Balances on tablet
Two columns trade density for breathing room.
Fans out on desktop
Three columns use the full width of the viewport.
Consistent spacing
Every gap scales from the design-system tokens.
Accessible at any size
Touch targets and contrast hold across breakpoints.
Theme-aware
Light and dark resolve from the same token set.