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

Desafío Semántica Banner

HTML:


<section class="banner" aria-labelledby="banner-heading">

    <div class="banner__wrapper">

      <figure class="banner__figure">

         <img class="banner__img" alt="Vista de Maldivas: playas de arena blanca y aguas cristalinas" src="./img/maldivas@2x.png"/>

         <figcaption class="banner__descripcion">

             Somos una agencia apasionada por crear viajes inolvidables. Desde el destino hasta la selección de actividades, nos encargamos de todos los detalles para que disfrutes al máximo cada momento de tu jornada.

         </figcaption>
            
      </figure>



    </div>

</section>

CSS:

.banner__figure {

    margin: 0;
}

.banner__img {
    max-width: 100%;
    margin: 0;
}

.banner__descripcion {
    max-width: 1200px;
    color: var(--grafito, #222);
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 110px auto;
}
1 respuesta

Hola Marco, espero que estés bien

Gracias por compartir tu ejercício práctico con nosotros! Tu contribución es fundamental para el crecimiento de nuestra comunidad en Alura. Sigue comprometido y no dudes en regresar al foro en caso que tengas alguna duda o dificultad.

¡Abrazos y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!