Aprende CSS Flexbox construyendo una galería de fotos - Paso 5. Ayuda, estoy estancado acá

Español HTML-CSS
1

Cuéntanos qué está pasando:
Estoy estancado en este paso y no sé cómo hacer para pasarla, me pide que agregue 9 img a
Tu código hasta el momento

<!-- file: index.html -->

<!-- User Editable Region -->

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Photo Gallery</title>
    <link rel="stylesheet" href="./styles.css">
  </head>
 
  <body>
    <header class="header">
      <h1>css flexbox photo gallery</h1>
    </header>
    <div class="gallery" img="" img="" img="" img="" img="" img="" img="" img="" img="">
      
  </div>
  </body>
</html>

<!-- User Editable Region -->


/* file: styles.css */

Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

Challenge: Aprende CSS Flexbox construyendo una galería de fotos - Paso 5

Enlaza al desafío:

2 
    <div class="gallery" img="" img="" img="" img="" img="" img="" img="" img="" img="">
      
  </div>

Talvez te estás confundiendo en como agregar un elemento.
En tu código no estás agregando elementos “img”, repasa las lecciones donde se explica que es un elemento “img”

Te daré un ejemplo con otros elementos

<article>
    <p>soy un parrafo</p>
    <p>soy un parrafo</p>
</article>

en mi ejemplo creé, un elemento “article” y dentro añadi 2 elementos “p”