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

Haga lo que hicimos en aula

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

1 respuesta

¡Hola Estudiante, espero que estés bien!

Parece que necesitas ayuda con la actividad de agregar un subtítulo y ajustar su estilo en HTML y CSS. Aquí te dejo un resumen de los pasos que debes seguir:

  1. Agregar el subtítulo en HTML:

    • Asegúrate de que el subtítulo "Accede a mis redes:" esté dentro de la etiqueta <h2> y que esté colocado dentro de la <div> que contiene los enlaces.
    <div class="presentacion__enlaces">
        <h2 class="presentacion__enlaces__subtitulo">Accede a mis redes:</h2>
        <!-- Enlaces a Instagram y GitHub -->
    </div>
    
  2. Modificar el CSS para la disposición vertical:

    • En tu archivo style.css, asegúrate de que la clase .presentacion__enlaces tenga flex-direction: column para que los elementos se dispongan verticalmente.
    .presentacion__enlaces {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 32px;
    }
    
  3. Crear y aplicar la clase CSS para el subtítulo:

    • En tu archivo style.css, añade la clase .presentacion__enlaces__subtitulo y configura las propiedades de estilo.
    .presentacion__enlaces__subtitulo {
        font-family: 'Krona One', sans-serif;
        font-weight: 400;
        font-size: 24px;
    }
    
  4. Modificar el estilo de los botones:

    • Asegúrate de que la clase .presentacion__enlaces__link tenga los estilos adecuados.
    .presentacion__enlaces__link {
        color: #F6F6F6;
        border: 2px solid #22D4FD;
        width: 378px;
        border-radius: 8px;
    }
    

Revisa que todos estos pasos estén implementados correctamente en tu código. Espero que esto te ayude a resolver tu duda. ¡Bons estudios!