Los textos marcados con "H1" tendrán dimensión doble a los párrafos comunes. Corresponderían a títulos.
En el ejercicio se definirá un tamaño de 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 modificado 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 definicion: 500ppi (Pixels/pulgada) en moviles 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 resolucion 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á más conveniente definir el tamaño de letra considerando el peor de los casos (los dispositivos de baja resolucion)
En este ejercicio hago crecer la letra conforme el dispositivo 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 resolución, entre 800px y 1080px
36px (3em) para dispositivos de alta resolución