- Agregando un subtítulo a la página
HTML
- Cambiando la disposición de los elementos con Flexbox
.presentacion__enlaces {
display: flex;
flex-direction: column; /* Cambiado a vertical */
justify-content: space-between;
width: 600px;
}
- Ajustando la alineación y el espaciado de los elementos
.presentacion__enlaces {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center; /* Centra los elementos /
gap: 32px; / Añade espacio entre los elementos */
width: 600px;
}
- Creando una clase para el subtítulo
Accede a mis redes:
Estilizando el subtítulo
.presentacion__enlaces__subtitulo {
font-family: 'Krona One', sans-serif;
font-weight: 400;
font-size: 24px;
}Modificando el estilo de los botones
.presentacion__enlaces__link {
/* Eliminamos background-color: #22D4FD; /
background-color: transparent; / Fondo transparente /
color: #F6F6F6; / Color de texto blanco /
width: 378px; / Ancho del botón /
text-align: center;
padding: 21.5px 0;
border-radius: 8px; / Radio de borde /
font-size: 24px;
font-weight: 600;
text-decoration: none;
font-family: 'Montserrat', sans-serif;
border: 2px solid #22D4FD; / Borde sólido cian */
}