Responsive Design
A web design approach that makes pages render correctly across different screen sizes and devices.
Full definition
Responsive design uses flexible layouts, images, and CSS media queries to adapt the presentation of web content to the viewing environment — from large desktop monitors to small mobile screens. A responsive site reflows its layout, adjusts font sizes, hides or reformats navigation, and resizes images based on the viewport width. This is distinct from 'mobile-first design' (a philosophy of designing for small screens first, then expanding) and 'adaptive design' (serving different fixed layouts for predefined breakpoints). Google uses mobile-first indexing — it crawls and indexes the mobile version of your site. Responsive design is the standard approach for ensuring consistent quality across all devices.
Real-world example
A law firm's website uses responsive design: on desktop, a three-column layout shows the firm's practice areas side-by-side. On mobile, the same content stacks vertically with larger touch targets for phone number links.
Related terms
The portion of a web page visible without scrolling, immediately upon page load.
Read definitionThe time it takes for a web page to fully load for a user.
Read definitionGoogle's set of speed and UX metrics — LCP, INP, and CLS — used as ranking signals.
Read definitionA Core Web Vital that measures how long it takes for the largest visible element on a page to fully load.
Read definitionReady to apply this to your business?
Build a custom digital marketing proposal in 60 seconds. We scope the right strategy for your market, industry, and growth goals.
Build my proposal