[Duda] todo esta en rem

Hola Jose,

Entiendo tu duda y es una excelente observación. Sin embargo, cambiar el tamaño de la letra del body no es suficiente cuando estamos trabajando con diseño responsivo y queremos que nuestro sitio web se vea bien en diferentes dispositivos.

La unidad rem se basa en el tamaño de fuente del elemento raíz (generalmente el elemento html). Por lo tanto, si cambias el tamaño de la fuente del body, solo afectará a los elementos que estén en rem y que sean descendientes directos del body. Pero no afectará a los elementos que estén dentro de otros elementos que tengan su propio tamaño de fuente definido.

Por ejemplo, si tienes un div que tiene un tamaño de fuente de 20px, y dentro de ese div tienes un párrafo con un tamaño de fuente de 2rem, el tamaño final del texto en el párrafo será de 40px, no importa cuál sea el tamaño de la fuente en el body.

Por otro lado, si cambias el tamaño de la fuente del body a 20px, y tienes un párrafo directamente dentro del body con un tamaño de fuente de 2rem, entonces sí, el tamaño final del texto en el párrafo será de 40px.

Por lo tanto, aunque cambiar el tamaño de la fuente del body puede ser útil en algunos casos, no es una solución completa para hacer que un sitio web sea completamente responsivo. Necesitamos usar media queries y cambiar el tamaño de la fuente en diferentes lugares para asegurarnos de que nuestro diseño se vea bien en todas las pantallas.

Espero que esto aclare tu duda. Recuerda que el diseño responsivo puede ser un poco complicado al principio, pero con práctica se vuelve más fácil. ¡Sigue practicando!

Espero haber ayudado y buenos estudios!