Learn CSS Flexbox by Building a Photo Gallery - Step 5

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I cant create a div element after the .header element. The div must contain 9 img elements. It is just not working in the freecodecamp training
Your code so far

<!-- file: index.html -->
<!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">
      <div class="gallery">
        <img><img><img><img><img><img><img><img><img>
      </div>
      <h1>css flexbox photo gallery</h1>
    </header>
  </body>
</html>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36 Edg/107.0.1418.42

Challenge: Learn CSS Flexbox by Building a Photo Gallery - Step 5

Link to the challenge:

2

hi there, this whole block is the “header element”
Everything from opening tag to closing tag is part of the header.
If you need to make something after it, then put your code after the closing tag for header.

1 Like
3

You created div element within header element and not after header element.

1 Like