¿Y cuándo usar PX; %, em u otras medidas? Debe de haber algún propósito para esto, por algo están ahí

https://www.youtube.com/watch?v=nz6DIeBdZtY

Muchísimas gracias compañero, siempre ayudando con tus aportes, siempre aprendo mejor con ejemplos y más si son en la vida laboral y tú eres el mejor con esos ejemplos, te agradezco y ya me queda mucho más claro.

Todo depende de lo que quieras hacer, exactamente están ahí por algo, y su uso es para cuando las necesites. Por ejemplo:

1. px: Puedes usar los píxeles para cuando quieras una medida realmente absoluta, yo los suelo usar, por ejemplo, para dar tamaño a una foto de perfil, si miras la foto de perfil de Platzi, verás que es algo muy chiquito, aquí no importa en qué tamaño de pantalla se vea, se verá bien. Son casos muy puntuales, claro, ten en cuenta que si el usuario escala su pantalla, estos cambios no se reflejarán en las medidas con px.

2. % Esto sirve mucho cuando realmente quieres calcular un porcentaje, por ejemplo, imagina que quieres que un elemento mida la mitad del otro siempre, fácil, usa porcentajes, pones ese elemento con un

   width: 100%
   y listo!

3. em: Estas las puedes usar cuando quieres que el contenido de un elemento escale con respecto a otro, por ejemplo, puedes decir que un elemento escale 2x con respecto a su elemento padre.

Cada una tiene su caso de uso, solo debes aprender a identificarlos para usarlos :D