[Proyecto] Haga lo que hicimos en el aula: 3

html:

<main class="presentacion">
    <section class="presentacion__contenido">
        <h1>Bienvenido a mi portafolio</h1>
        <p>Este es un sitio web de ejemplo para practicar HTML y CSS.</p>
    </section>
</main>

<footer class="footer">
    <p>Desarrollado por María José</p>
</footer>

CSS:

/* 1 - Estilo para el pie de página /
.footer {
background-color: #22D4FD; / fondo azul claro /
color: #000000; / texto negro /
text-align: center; / texto centrado */
font-family: 'Montserrat', sans-serif;
font-size: 24px;
font-weight: 400;
padding: 24px;
}

/* 2 - Ajuste de espaciado interno en la sección de presentación /
.presentacion {
/ margin: 5%; Eliminado /
padding: 5%; / espaciado interno en porcentaje */
}

/* 3 - Eliminando la altura fija para mejor adaptación /
/ body {
height: 100vh; Comentado para que el footer se adapte correctamente
} */

/* 4 - Estilizando el encabezado /
.header {
background-color: #000000; / encabezado oscuro */
padding: 16px 0;
}

.header__menu {
display: flex;
justify-content: center;
gap: 32px; /* espacio entre enlaces */
}

.header__link {
font-size: 18px;
color: #F6F6F6;
text-decoration: none;
padding: 8px 16px; /* espaciado interno alrededor del texto */
transition: color 0.3s ease;
}

.header__link:hover {
color: #22D4FD; /* color azul claro en hover */
}