Hola, Nini, espero que estés bien
Parece que estás siguiendo los pasos correctamente, pero hay algunos detalles que podrías ajustar para que todo funcione como esperas.
Subtítulo con clase CSS: Asegúrate de que la clase en el HTML coincide exactamente con la que usas en CSS. En la imagen, parece que hay un pequeño error de nombre. Debería ser presentacion__enlaces__subtitulo
en ambos archivos.
Flexbox:
- Asegúrate de que la clase
.presentacion__enlaces
tiene flex-direction: column;
y align-items: center;
para alinear los elementos verticalmente y centrarlos. - El
gap: 32px;
está correctamente añadido para el espaciado.
Estilizando el subtítulo: Asegúrate de que tu CSS para .presentacion__enlaces__subtitulo
se ve así:
.presentacion__enlaces__subtitulo {
font-family: 'Krona One', sans-serif;
font-weight: 400;
font-size: 24px;
}
Botones: Revisa que los estilos para los botones estén aplicados correctamente en la clase .presentacion__enlaces__link
:
.presentacion__enlaces__link {
color: #F6F6F6;
border: 2px solid #22D4FD;
width: 378px;
border-radius: 8px;
/* Asegúrate de eliminar el fondo cian */
}
Verifica estos puntos y realiza los ajustes necesarios. Espero que esto te ayude a resolver los problemas que estás enfrentando.
Espero haber ayudado y buenos estudios!