Lo que aprendimos en esta aula

Hola, Carlos, espero que estés bien

Para completar la actividad que estás realizando, aquí tienes un resumen de los pasos que necesitas seguir:

1. Agregar el subtítulo:

   • Abre tu archivo index.html.
   • Busca la <div> que contiene los enlaces de Instagram y Github.
   • Añade un subtítulo usando la etiqueta <h2> con el texto "Accede a mis redes:" justo antes de los enlaces.

   <div class="presentacion__enlaces">
       <h2 class="presentacion__enlaces__subtitulo">Accede a mis redes:</h2>
       <!-- enlaces aquí -->
   </div>
   

2. Modificar la disposición con Flexbox:

   • Abre tu archivo style.css.
   • Dentro de la clase .presentacion__enlaces, cambia la propiedad flex-direction a column.

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

3. Estilizar el subtítulo:

   • Añade la clase .presentacion__enlaces__subtitulo a tu archivo style.css con las siguientes propiedades:

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

4. Modificar el estilo de los botones:

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

   .presentacion__enlaces__link {
       color: #F6F6F6;
       border: 2px solid #22D4FD;
       width: 378px;
       border-radius: 8px;
       /* Elimina el fondo cian */
   }
   

Siguiendo estos pasos, deberías poder completar la actividad correctamente. Espero haber ayudado y buenos estudios!