Hola Thais, espero que estés bien
¡Espero que estés bien! Parece que estás trabajando en un proyecto de responsividad y tienes que convertir las unidades de font-size
de píxeles a rem
en tu archivo CSS. Esto es una gran práctica para hacer que tu sitio web sea más accesible y adaptable a diferentes configuraciones de usuario.
He notado que en tu código CSS actual, tienes varios tamaños de fuente definidos en píxeles. Aquí te muestro cómo podrías convertir algunos de ellos a rem
:
.header__menu__link
tiene font-size: 1.5rem;
. Si ya está en rem
, no necesitas hacer cambios aquí.
.presentacion__contenido__titulo
tiene font-size: 2.25rem;
. De nuevo, ya está en rem
, así que está bien.
.presentacion__contenido__texto
tiene font-size: 1.5rem;
, que también está correcto.
.presentacion__enlaces__subtitulo
tiene font-size: 1.5rem;
, lo cual está bien.
.presentacion__enlaces__link
tiene font-size: 1.5rem;
, que está correcto.
.footer
tiene font-size: 1.5rem;
, lo cual está bien.
Parece que ya has hecho un buen trabajo al usar rem
en tu CSS. Sin embargo, asegúrate de que todos los elementos de texto que requieren responsividad estén usando rem
en lugar de px
. Si encuentras alguna instancia de px
que no he mencionado, simplemente divide el valor en píxeles por 16 para convertirlo a rem
. Por ejemplo, si encuentras font-size: 32px;
, lo convertirías a font-size: 2rem;
(32 / 16 = 2).
Después de hacer estos ajustes, prueba la responsividad de tu sitio cambiando el tamaño de la fuente en las configuraciones del navegador para asegurarte de que todo se vea bien en diferentes tamaños.
Espero que esto te ayude y te deseo mucho éxito en tus estudios y proyectos. ¡Bons estudios!