Responsive Design
Enfoque de diseño donde el layout se adapta dinámicamente al tamaño de pantalla del dispositivo.
Definición técnica
Responsive Design usa media queries CSS, layouts flexibles y unidades relativas (rem, em, vw, vh, %, fr) para que una sola codebase sirva correctamente en móvil, tablet y desktop. Distinto de adaptive design (múltiples layouts predefinidos) y de versiones móviles separadas (m.example.com, obsoleto).
Por qué importa
Google indexa la versión móvil, así que un sitio que se ve mal en el celular parte en desventaja. Hacerlo bien requiere diseñar desde el móvil, elegir bien los puntos de quiebre y probar en dispositivos reales.