Cordial saludo
Cordial saludo
Hola, Carlos, espero que estés bien
Para completar la tarea que estás haciendo, aquí tienes algunas sugerencias basadas en el contexto:
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>
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 */
}
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!