Haga lo que hicimos en aula

Esta clase me ayudó a entender cómo los pequeños detalles como el padding, la alineación y el uso de etiquetas semánticas pueden transformar por completo la apariencia de un sitio web. Aprender a estilizar el header y el footer me dio más control sobre el diseño y me motivó a seguir explorando CSS.

personalizar el footer y el header! Aprendí a usar padding, font-family y hover para mejorar la estética. Una parte del código que aplicamos:

.footer {
    padding: 24px;
    color: #000000;
    background-color: #22D4FD;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 400;
}

.encabezado__menu {
    display: flex;
    justify-content: center;
    align-items: center;
}

.encabezado__menu__link {
    font-size: 18px;
    color: #333;
    margin: 0 10px;
    padding: 10px 15px;
    text-decoration: none;
}

.encabezado__menu__link:hover {
    color: #007bff;
}