Responsive Web Design
A design approach where web layouts adapt fluidly to different screen sizes and devices.
Also: RWD
Definition
Responsive web design (RWD) is an approach to web development where websites are designed to provide optimal viewing and interaction across a wide range of devices, from desktop monitors to tablets and smartphones. It uses CSS flexible grid layouts, flexible images, and media queries (CSS rules applied at specific viewport widths) to rearrange, resize, or hide content based on screen dimensions. The mobile-first approach designs for smallest screens first then progressively enhances for larger displays.
Example
“A news website's responsive design displays a three-column article layout on desktop, collapses to single-column on mobile, and enlarges touch targets for navigation buttons to ensure usability across all device sizes.”
Synonyms
- adaptive design
- fluid design
- mobile-first design
- flexible layout
Antonyms / Opposites
- fixed-width design
- desktop-only design
Images
CC-licensed · free to useVideo
Related Terms
- css
- html
- pwa
- spa