Responsive design

Responsive design adapts a site's display to any screen size. It relies on the <meta name="viewport"> tag, flexible layouts (flexbox, grid, relative units), adaptive images, and media queries. You generally design for mobile first, then enrich for large screens.

Example

<meta name="viewport" content="width=device-width, initial-scale=1">

Related concepts

The whole glossary