Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Footer y header

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

1 respuesta

Hola Erika, espero que estés bien

Veo que estás trabajando en la personalización del footer y el header de tu sitio web. Vamos a revisar algunos puntos para asegurarnos de que cumplan con las especificaciones del ejercicio:

Footer

  1. Color de fondo: Debe ser azul claro #22D4FD. En tu código actual, el color es #6a5acd. Cambia esta línea en tu CSS:
    footer {
        background-color: #22D4FD; /* Color de fondo */
        color: #000000; /* Color del texto */
        padding: 24px; /* Espaciado interno */
        text-align: center; /* Centrar el contenido */
        font-family: 'Montserrat', sans-serif;
        font-size: 24px;
        font-weight: 400;
    }
    

Header

  1. Alineación de enlaces: Asegúrate de que los enlaces "Home" y "Sobre mí" estén alineados horizontalmente. Ya usas display: flex y justify-content: center, lo cual es correcto.
  2. Estilo de enlaces: Puedes añadir un efecto hover para mejorar la interacción:
    nav ul li a:hover {
        color: #22D4FD; /* Cambia el color al pasar el ratón */
    }
    

Ajustes adicionales

  • Espaciado interno de la presentación: Si necesitas ajustar el espaciado interno, asegúrate de cambiar margin por padding en la clase .presentacion y prueba con un 5%:

    .presentacion {
        padding: 5%;
    }
    
  • Height en el body: Si tienes problemas con el height: 100vh, comenta esa línea para ver cómo afecta el diseño:

    /* height: 100vh; */
    

Espero que estos ajustes te ayuden a cumplir con los requisitos del ejercicio. ¡Bons estudios!