No. 076
UI Design
Responsive Design
Responsive design is an approach where layouts adapt fluidly to different screen sizes and devices.
Why it matters
People browse on phones, tablets, and desktops. A responsive design serves them all from one codebase instead of separate sites.
In depth
Coined by Ethan Marcotte, responsive design relies on flexible grids, fluid images, and media queries that respond to the viewport. Mobile-first design — starting with the smallest screen and scaling up — is the common modern practice.
Real-world example
A three-column desktop layout collapses into a single scrollable column on a phone, keeping content readable on any device.
480pxDesktop
Related terms