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

Haga lo que hicimos en aula

Estas son mis soluciones para estos ejercicios. 1 - Organizando ícones en las redes sociales

Edite la sección en donde estaban las redes sociales

<div class="presentacion__enlaces">
                    <h2 class="presentacion__enlaces__subtitulo">Accede a mis redes:</h2>
                 
                    <a class="presentacion__enlaces__link" href="https://github.com/">
                        <img src="./assets/github.png" alt="Icono de Github">
                        GitHub</a>
                    <a class="presentacion__enlaces__link" href="https://www.linkedin.com/">
                        <img src="./assets/linkedin.png" alt="Icono de LinkdIn">
                        LinkdIn</a>
                    <a class="presentacion__enlaces__link" href="https://www.twitch.com/">
                        <img src="./assets/twitch.png" alt="Icono de twitch">
                        Twitch</a>
                </div>

2 - Centrando íconos y textos en los botones:

.presentacion__enlaces__link {
    display: flex;
    justify-content: center;
    border: 2px solid #22D4FD;
}

3 - Espaciado entre íconos y textos

.presentacion__enlaces__link {
    display: flex;
    justify-content: center;
    gap: 16px;
 }

4 - Personalizando el efecto Hover

 .apresentacao__enlaces__link:hover {
     border: 2px solid #22D4FD;
 }

5 - Cambiando el cursor y el fondo de los botones

.presentacion__enlaces__link:hover {
    cursor: pointer;
    background-color: #272727;
}
1 respuesta

¡Hola! ¿Cómo estás?

Gracias por tu aporte en el foro. Su contribución es esencial para el crecimiento de nuestra comunidad en Alura.

Sigue así y no dudes en volver al foro si tienes alguna pregunta o dificultad.

Abrazos y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!