En esta clase, aprendí a estructurar correctamente una página web utilizando secciones (sections) en HTML para organizar el contenido de manera clara y accesible.
También comprendí cómo posicionar elementos con Flexbox, aplicando la propiedad justify-content
para distribuir los elementos de forma equilibrada en la pantalla. Esto facilita la alineación y mejora la presentación visual del sitio.
Otro aspecto importante que reforcé fue la indentación del código, lo que mejora su legibilidad y facilita su mantenimiento. Además, aprendí sobre buenas prácticas para nombrar secciones, asegurando una nomenclatura clara y coherente en el desarrollo del proyecto.
Utilicé Figma para consultar medidas de elementos, lo que me permitió replicar con precisión el diseño propuesto. Además, trabajé en la personalización de la tipografía, modificando el tamaño, el tipo y el peso de la fuente mediante font-size
, font-family
y font-weight
.
Por último, aprendí a importar fuentes con Google Fonts, utilizando @import
en el archivo CSS para aplicar tipografías específicas y mejorar la estética del proyecto.