1 - Agregando un subtítulo a la página
2 - Cambiando la disposición de los elementos con Flexbox
.presentacion__enlaces {
display: flex;
flex-direction: column; /* ahora vertical */
}
3 - Ajustando la alineación y el espaciado de los elementos
.presentacion__enlaces {
display: flex;
flex-direction: column;
align-items: center; /* centra horizontalmente /
gap: 32px; / espacio entre subtítulo y botones */
}
4 - Creando una clase para el subtítulo
Accede a mis redes:
5 - Estilizando el subtítulo
.presentacion__enlaces__subtitulo {
font-family: 'Krona One', sans-serif;
font-weight: 400;
font-size: 24px;
}
6 - Modificando el estilo de los botones
.presentacion__enlaces__link {
color: #F6F6F6; /* texto blanco /
border: 2px solid #22D4FD; / borde cian /
background-color: transparent; / sin fondo cian /
width: 378px;
border-radius: 8px; / esquinas menos redondeadas /
text-align: center; / texto centrado /
padding: 10px 0; / altura cómoda /
text-decoration: none; / quitar subrayado */
}
