Responsive Design.
Learn what Responsive Design means in modern user experience.
A design approach where layouts adapt fluidly to any screen size using flexible grids, scalable type, and media queries — coined by Ethan Marcotte in 2010.
Responsive design replaced the early-2010s pattern of building separate desktop and mobile sites. Instead, a single codebase uses fluid grids, percentage-based widths, scalable typography, and CSS media queries to reflow content for any viewport. By 2015, Google's mobile-first indexing made responsive design table stakes for SEO.
Beyond Breakpoints
Modern responsive design has moved beyond simple breakpoint rules. Container queries (CSS, 2023) let components respond to their own size rather than the viewport. Fluid type with clamp() smoothly scales between min and max sizes without breakpoint jumps. Intrinsic web design uses CSS grid and flexbox to create layouts that work at any size without explicit rules.
Why It Still Matters in 2026
Form factors keep multiplying — foldables, ultra-wide monitors, AR glasses, watches, in-car displays. A truly responsive design system is now a baseline business requirement; sites that look broken on one form factor lose users and search rankings.
Ready to close the loop?
See every term in action
Aergos tracks your AI and organic visibility across every channel, in one platform.
Not ready to talk? Audit your site free →