Haga lo que hicimos en aula

A continuación presento las soluciones planteadas.

1 - Agregando un subtítulo a la página

<div class="presentacion-enlaces">
    <h2>Accede a mis redes:</h2>
    <a class="present-enlaces-link" href="https://instagram.com/">Instagram</a>
    <a class="present-enlaces-link" href="https://github.com/">Github</a>
</div>

2 - Cambiando la disposición de los elementos con Flexbox

.presentacion__enlaces. {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

3 - Ajustando la alineación y el espaciado de los elementos

.presentacion__enlaces. {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
    gap: 32px;
}

4 - Creando una clase para el subtítulo

<h2 class="presentacion__enlaces__subtitulo">Accede a mis redes:</h2>

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;
        border: 2px, solid, #22D$FD;
        border-radius: 8px;
        width: 378px;
}