Diseño adaptable (responsive)
La forma de diseñar una web para que se vea y se use bien en cualquier pantalla, del móvil al monitor grande.
Una web adaptable reorganiza su contenido según el ancho disponible: una columna en el móvil, varias en el ordenador, con textos legibles y botones fáciles de pulsar.
Se consigue con la etiqueta <meta name="viewport">, unidades flexibles, Flexbox y Grid, y consultas de medios (@media) que cambian estilos a partir de cierto ancho.
Un ejemplo
Al girar el móvil, la tienda pasa de mostrar un producto por fila a mostrar dos.