Adaptando el cuerpo del texto a unidades relativas : En este ejercicio, el objetivo es cambiar la unidad de medida del tamaño de la fuente (font-size) en el archivo style.cssde píxeles (px) a unidades relativas (rem), lo que mejora la accesibilidad y la responsividad del sitio web. Esto permite que el texto se ajuste de manera flexible a las configuraciones del navegador del usuario.
Convirtiendo píxeles a rem en CSS : Aquí, se trata de convertir todas las unidades de font-size de píxeles a rem dentro del archivo styles.css, lo que es una práctica común para hacer el diseño web más adaptable a distintos tamaños de pantalla y configuraciones de usuario.
Mejorando la responsividad de un sitio web : En este ejercicio, se busca probar cómo los cambios realizados en el tamaño de la fuente (cambiando entre configuraciones como "muy grande", "grande", "mediano", "pequeño" y "muy pequeño") afectan la legibilidad y el diseño del sitio, observando si los ajustes anteriores mejoraron la experiencia del usuario.
Ajustando el CSS para diferentes tamaños de fuente : El último ejercicio consiste en realizar ajustes adicionales en el CSSsi es necesario, para asegurarse de que el sitio se mantenga legible y visualmente agradable en una variedad de tamaños de fuente, especialmente después de probar su responsividad.
Propósito general: El propósito de estos ejercicios es que los participantes aprendan a aplicar cambios prácticos en proyectos web reales, mejorando sus habilidades en programación, diseño web y responsividad. Estos ejercicios permiten experimentar con el código, realizar pruebas en tiempo real y obtener retroalimentación para mejorar el aprendizaje.
Cada tarea está diseñada para ser aplicada de forma práctica y gradual, asegurando que el participante pueda experimentar con los cambios, aprender de sus errores y mejorar sus habilidades a través de la repetición y la experimentación.
