Passo 3

Instruções

Abaixo do elemento .header, crie outro elemento div e atribua a ele uma class de gallery. Essa div atuará como um contêiner para as imagens da galeria. Dentro de .gallery, crie nove elementos img.

O que fazer:

Testes:

Você deve criar um elemento `div` no elemento `body`.
O novo elemento `div` deve ter a `class` definida como `gallery`.
O novo elemento `div` deve estar depois do elemento `.header`.
O elemento `.gallery` deve ter nove elementos `img`.

<!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>



  </body>
</html>

Preview