← DictionaryResponsive Design
also called mobile responsive
Designing so a layout adapts sensibly to any screen size.
The site works on a phone as well as a laptop.
What It Is
Responsive Design sits on the Website side of the work, in the Layout area. What it actually refers to is designing so a layout adapts sensibly to any screen size.
It is an idea you reason with rather than a deliverable you hand over, so two teams can both hold it correctly and still apply it differently. That is the version worth keeping, because it survives contact with a real project.
How It's Used
Most of the time Responsive Design is used in site builds, page structure and the technical decisions underneath them. It is usually discussed together with Breakpoint, Mobile-First and Viewport. The practical test is whether a decision changes because of it.
Why It Matters
Ignoring Responsive Design rarely fails loudly — it fails slowly. When it is unclear, the site still launches — it just quietly underperforms. It is worth pinning down before anyone builds on top of it.
It is a way of thinking, not a thing you can hold. The site works on a phone as well as a laptop.
Termshift™
How the meaning shifts depending on who is using it, and where.
Practitioners use Responsive Design as shorthand and expect no explanation — designing so a layout adapts sensibly to any screen size.
Outside the industry, most people would just say: the site works on a phone as well as a laptop.
The Bottom Line
Treat Responsive Design as a decision, not a description. The site works on a phone as well as a laptop.