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;
}