Learn CSS Flexbox by Building a Photo Gallery - Step 5

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **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="gallary" value="9"></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/104.0.0.0 Safari/537.36

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

Link to the challenge:

2

Hi, what issues do you have with this challenge step?

3

your div class attribute should have value- ‘gallery’. then you have to add 9 img elements nested in it.

4
  • class for div should be gallery, so fix spelling here
  • you don’t need any other attributes for div
  • what you need to do - place 9 img elements inside this div

Also, one tip about forum.
I did not receive notification about your last reply to me. That usually happens when you are replying not to me, but to one of your own posts.
Because of that my reply here was not so quick as it could be.

1 Like
5

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