Responsive Design
One design that reflows to fit any screen.
Definition
A single layout that adapts fluidly across viewport sizes using flexible grids, flexible media and media queries.
Craft convention. True because the industry converged on it. Breaking it costs familiarity, not correctness.
On this plate
In plain language
One design that reflows to fit any screen.
Example
A card grid that goes from four columns to one as the window narrows, with no separate mobile site.
Local chart
TERM·043 · Region X · Grid D6
This entry and the entries it is stated to connect with. Each line is labelled with what the connection means.
Continue from here
Each link says what the connection is, so you can tell a principle from an alternative from a thing people mix this up with.
Deeper reading
The full entry behind this definition.
- BreakpointsFND·045 · UI foundation
- ContainersFND·041 · UI foundation
- Responsive LayoutFND·043 · UI foundation
Nearby in the Atlas
Adjacent territory, found through shared tags rather than a stated link.