One site that reshapes itself for any screen.
The useful version is simpler than the jargon makes it sound. Here are the decisions, checks, and vocabulary that matter most.
01Layouts need room to change
A responsive layout is fluid between breakpoints. Columns stack, navigation changes form, images scale, and spacing tightens as the available width changes.
02Content has its own breakpoints
A design should respond when the content becomes cramped, not only at familiar device widths. Long words, larger accessibility text, translated copy, and dynamic posts all expose weak assumptions.
03Responsive also means resilient
The page should remain readable in portrait and landscape, with zoom, with reduced motion, and with keyboard navigation. Resilience is broader than fitting inside a screenshot.