Haga lo que hicimos en aula

Desafío Completado: Estilizando y Estructurando la Página

He completado el desafío propuesto, implementando las siguientes mejoras en el desarrollo del sitio web:

1 - Estilizando el encabezado con CSS

Para estilizar el encabezado, apliqué las siguientes propiedades en style.css:

• Agregué un padding al .header para darle espaciado superior e izquierdo.
• Usé display: flex en .header_menu para organizar los enlaces en fila con un gap de 80px.
• Quité el subrayado de los enlaces con text-decoration: none y les di un color distintivo.

2 - Ajustando el espaciado del contenido

• Usé padding: 6% 15% en .presentacion para garantizar un espaciado uniforme.
• Aseguré que el main tuviera suficiente espacio con padding: 20px.

3 - Creando y navegando a la página "Sobre mí"

• Creé about.html e incluí un h1 con el texto "Sobre mí".
• En index.html, agregué un enlace a about.html en el menú de navegación.
• Probé que la navegación entre ambas páginas funcione correctamente.

4 - Ajustando el estilo después de reorganizar archivos

• Moví style.css a la carpeta styles y corregí la ruta en index.html y about.html a ./styles/style.css.
• Eliminé el subrayado de los enlaces del encabezado con text-decoration: none.

5 - Estructurando la página "Sobre mí" con encabezado y pie de página

• Copié el <header> y el <footer> de index.html en about.html para mantener la coherencia del diseño.
• Agregué una sección <main> vacía entre el encabezado y el pie de página.
• Verifiqué que la estructura se muestre correctamente en el navegador.

6 - Importando y corrigiendo la ruta del archivo CSS en la página "Sobre mí"

• En about.html, agregué <link rel="stylesheet" href="./styles/style.css">.
• Verifiqué que los estilos se aplicaran correctamente a la página "Sobre mí".

Con estos pasos, el desafío quedó completado y la navegación, estructura y estilos están funcionando correctamente. ¡Espero su feedback!