Learn CSS Flexbox by Building a Photo Gallery - Step 5

HTML-CSS
1

Tell us what’s happening:
Hello, could someone please explain this step to me? i don’t quite understand it, how am i supposed to add those img elements? none of my tries passed the test.

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">
      <h1>css flexbox photo gallery</h1>
    </header>
    <div class="gallery"></div>
  </body>
</html>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

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

Link to the challenge:

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

You can add 9 img element inside the .gallery element like this

3

lets read up instruction’s “last line”, shall we?

Inside that “.gallery” element, create nine “img” elements

now if you know how to create an “img” elements then you can add “nine” of them in “gallery” element, also “nkp1111” is pretty much showing whats needs to be done as well…

happy learning :slight_smile:

4

thanks, i was tired from work to the point i didn’t notice something so basic, i fixed it right after posting the question:')

5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.