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 píxeles de ancho x píxeles de alto
Por lo general los dispositivos chicos en tamaño tienen mayor definición: 500ppi (Píxeles/pulgada) en móviles modernos;
Por lo general dispositivos de pantalla grande tienen una definición menor en el orden de los 100ppi(píxeles por pulgada)
Por esta razón es que los rangos de resolución es similar tanto en dispositivos grandes como pequeños.
Si un móvil o una pantalla de video tiene alta resolución en píxels, las letras pueden dimensionarse más chicas porque la definición permite leerlas sin problemas. Por el contrario en una pantalla de poca definición las letras deben ser más grandes para poder leerse correctamente.
Por esta razón es que el control de medio, será muy conveniente definir el tamaño de letra considerando el por de los casos (los dispositivos de baja resolución)
En este ejercicio harás crecer la letra conforme el dispositivo crece en resolución.
13px (1em) para dispositivos de baja resolución. No olvides definir el tamaño default en 13px
24px (2em) para dispositivos de media resolución: entre 800px y 1024px
26px (2em) para dispositivos de alta resolución: