CSS

Diseño adaptable

Su objetivo es hacer que la misma página se vea bien en todos los tamaños de pantalla. Flexbox y Grid permiten hacer diseños con proporciones de modo que los contenidos se adapten al espacio disponible en cada pantalla. Además de esas técnicas, hay otras recomendaciones para el diseño de webs adaptables.

Configuración de la ventana gráfica

La siguiente etiqueta meta es imprescindible para que el contenido de la página se ajuste al ancho de la pantalla y con el zoom adecuado en los navegadores de todos los dispositivos:

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