lo que hicimos en clase

Hola, Johana, espero que estés bien

Parece que estás trabajando en una actividad que implica el uso de HTML y CSS para crear una página web con un subtítulo y enlaces a redes sociales. Vamos a revisar los pasos que debes seguir:

1. Agregar el subtítulo:

   • En tu archivo index.html, busca la <div> que contiene los enlaces a Instagram y GitHub.
   • Justo encima de estos enlaces, añade la etiqueta <h2> con el texto "Accede a mis redes:".
   • Asegúrate de que el código se vea algo así:

     <div class="presentacion__enlaces">
       <h2 class="presentacion__enlaces__subtitulo">Accede a mis redes:</h2>
       <!-- Enlaces a Instagram y GitHub -->
     </div>
     

2. Modificar la disposición con Flexbox:

   • En tu archivo style.css, busca la clase .presentacion__enlaces.
   • Cambia la propiedad flex-direction a column para alinear los elementos verticalmente:

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

3. Estilizar el subtítulo:

   • Añade la clase .presentacion__enlaces__subtitulo en tu archivo style.css:

     .presentacion__enlaces__subtitulo {
       font-family: 'Krona One', sans-serif;
       font-weight: 400;
       font-size: 24px;
     }
     

4. Modificar el estilo de los botones:

   • Encuentra la clase .presentacion__enlaces__link en tu archivo style.css y realiza los cambios:

     .presentacion__enlaces__link {
       color: #F6F6F6;
       border: 2px solid #22D4FD;
       width: 378px;
       border-radius: 8px;
     }
     

Siguiendo estos pasos, deberías poder replicar lo que se hizo en clase. Espero que esto te ayude a avanzar en tu proyecto.

¡Espero haber ayudado y buenos estudios!