Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

08 Haga lo que hicimos en aula

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

                 <div class="presentación__enlaces">
                    <h2 class=> Accede a mis redes</h2>
                    <a class="Presencacion__enlaces__link" href="https://instagram.com/">Instagram</a>
                    <a class="Presencacion__enlaces__link" href="https://github.com/">GitHub</a>
                </div>

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

.presentación__enlaces{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
   }

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

.presentación__enlaces{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    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 ona', 'sans serif';
    font-size: 24px;
    font-weight: 400;
}

6 - Modificando el estilo de los botones

.Presencacion__enlaces__link{
    /*background-color: #22D4FD;*/ 
    border: 2px solid #22D4FD;
    color: #F6F6F6;
    width: 378px;
    border-radius: 8px;
    /*sin modificar las demás propiedades*/
    }
1 respuesta

Hola, Jonathan ,

Gracias por compartir tu experiencia con nosotros. 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!