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

Eleve tu negocio digital a otro nivel con un Front-end de calidad!

¡Hola! Soy Ana García, desarrolladora Front-end con especialización en React, HTML y CSS. Ayudo a pequeños negocios y diseñadores a llevar a cabo buenas ideas. ¿Hablamos?

Accede a mis redes:

Icono de Github GitHub Icono de LinkedIn LinkedIn Icono de Twitch Twitch
Foto de Ana García desarrollando un proyecto

Desarrollado por Alura Latam

/* Estilos generales para los enlaces con los iconos */ .presentacion__enlaces { display: flex; flex-direction: column; align-items: center; }

.presentacion__enlaces__subtitulo { font-family: 'Krona One', sans-serif; font-size: 24px; font-weight: 400; margin-bottom: 16px; }

.presentacion__enlaces__link { display: flex; justify-content: center; align-items: center; gap: 16px; /* Espaciado entre el icono y el texto */ padding: 8px 16px; margin: 8px 0; background-color: #222222; color: white; border: 2px solid transparent; border-radius: 8px; text-decoration: none; transition: background-color 0.3s, border 0.3s; }

.presentacion__enlaces__link:hover { cursor: pointer; /* Cambiar el cursor a una mano / background-color: #272727; / Fondo más oscuro al pasar el ratón / border: 2px solid #0000FF; / Borde azul al hacer hover */ }

/* Estilos para los íconos */ .presentacion__enlaces__link img { width: 24px; height: 24px; }

1 respuesta

Hola, Jaime ,

Gracias por compartir tu código con nosotros.Te felicito por tu aprendizaje. Recuerda que estamos aquí para ayudarte. Si necesitas ayuda, no dudes en buscarnos en el foro.

¡Gracias nuevamente!

Saludos,

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