Responsive web design
Website and technology
Website and technology
Responsive web design means your website adapts to the screen: the same page works on mobile, tablet and desktop without separate versions.
Technically that uses a flexible grid, scalable images and breakpoints where the layout shifts. Columns stack, menus collapse, buttons grow. The content stays the same; the layout changes.
Because most traffic is mobile and Google indexes the mobile version of your site, mobile is the starting point rather than the leftover. Design for desktop first and mobile often becomes a stripped version where the main button disappears somewhere at the bottom.
Watch the practical details: readable text without zooming, tap targets large enough, forms you can fill in on a phone, and images that are not loaded heavier than needed.
Tip
Test your site on a real phone with an average connection, not just whether everything 'fits' on screen. That way you know it's actually usable.
Related terms
- Mobile firstMobile first means designing content and technology for the small screen first, then expanding to desktop.
- UXUX is the experience of using your site or app: how quickly someone finds what they need and how much effort it takes to finish something.
- Core Web VitalsCore Web Vitals are three Google metrics for perceived page speed and stability: LCP, INP and CLS.
- UsabilityUsability is how easily someone achieves what they came for on your site or app: quickly, without errors and without having to think about it.
- Web designWeb design is designing how a website looks and works: structure, page composition, typography, colour and interaction.