Ejercicio propuesto: Practicar con Flexbox

assignment

Tu Turno

Crea una galería de imágenes usando las propiedades de Flexbox que has aprendido.

checklist Requisitos

  • 1 4 tarjetas con contenido diferente
  • 2 Usa display: flex
  • 3 Añade flex-wrap: wrap
  • 4 Usa gap para espacios
  • 5 Experimenta con alineación
emoji_events

¡Experimenta con diferentes valores!

code Estructura HTML

<div class="gallery">

<article class="card">...</article>

<article class="card">...</article>

<article class="card">...</article>

<article class="card">...</article>

</div>

palette Propiedades sugeridas

display: flex;

flex-wrap: wrap;

gap: 20px;

justify-content: center;