Los textos marcados con "H1" tendrán dimensión doble a los parrafos comunes. Corresponderían a los títulos.
En el ejercicio se definirá un tamaño de la letra default para el body y luego todo será expresado en unidades em (unidad de referencia).
En este ejercicio se trabajará con control de medio @media() para que el tamaño de letra sea modificada según el tamaño del viewport.
La resolución de una pantalla la medimos en pixeles de ancho x pixeles de alto.
Por lo general los dispositivos chicos en tamaño tienen mayor definición: 500 ppi (Pixel/Pulgada) en móviles modernos;
Por lo general dispositivos de pantalla grande tienen una definición menor en el orden de los 100ppi (pixeles/pulgada)
Por esta razon es que los rangos de resolución es similar tanto en dispositivos grandes como pequeños.
Si un movil o una pantalla de video tiene alta resolución en pixels, las letras pueden dimensionarse mas grandes.
Por este motivo, es que si no uso el control de medio, será mas conveniente definir el tamaño de la letra considerando el peor de los casos (los dispositivos de baja resolución).
En este ejercicio hago crecer la letra conforme crece en resolución.
12px (1em) para dispositivos de baja resolución. No olvidar definir el tamaño default en 12px.
24px (2em) para dispositivos de media resolucion, entre 800px y 1080px.
36px (3em) para dispositivos de alta resolución.