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

Lo que aprendimos en esta aula

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

1 respuesta

Hola, Carlos, espero que estés bien

Para completar la tarea que estás haciendo, aquí tienes algunas sugerencias basadas en el contexto:

  1. Agregar los enlaces de LinkedIn y Twitch: Puedes añadir los enlaces de LinkedIn y Twitch en la sección .presentacion__enlaces de tu HTML de la siguiente manera:

    <a class="presentacion__enlaces__link" href="https://linkedin.com/">
        <img src="./assets/linkedin.png" alt="Icono de LinkedIn">
        LinkedIn
    </a>
    <a class="presentacion__enlaces__link" href="https://twitch.tv/">
        <img src="./assets/twitch.png" alt="Icono de Twitch">
        Twitch
    </a>
    
  2. Centrar íconos y textos: Asegúrate de que en tu archivo CSS, la clase .presentacion__enlaces__link tenga las propiedades display: flex, justify-content: center y gap: 16px para centrar los íconos y los textos:

    .presentacion__enlaces__link {
        display: flex;
        justify-content: center;
        gap: 16px;
        /* Otras propiedades existentes */
    }
    
  3. Efecto Hover: Para el efecto hover, asegúrate de que la clase .presentacion__enlaces__link:hover tenga las siguientes propiedades para cambiar el borde y el fondo:

    .presentacion__enlaces__link:hover {
        border: 2px solid #0000FF; /* Borde azul */
        background-color: #272727; /* Fondo negro más claro */
        cursor: pointer;
    }
    

Con estas modificaciones, deberías poder completar la actividad de manera efectiva.

Espero haber ayudado y buenos estudios!