Create 10 img in gallery

how do i create 10 img elements in gallery.

  **Your code so far**
\ file: <!DOCTYPE html>
<html>
<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>
  <div class="header">
    <h1>CSS FLEXBOX PHOTO GALLERY</h1>
    <div id="gallery"
  </div>
</body>
</html>
<!DOCTYPE html>
<html>
<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>
  <div class="header">
    <h1>CSS FLEXBOX PHOTO GALLERY</h1>
    <div id="gallery"
  </div>
</body>
</html>
\ file: #gallery {
images: 10;
}
#gallery {
images: 10;
}
  **Your browser information:**

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

Challenge: Step 5

Link to the challenge:

how would you create “any html element” for an instance? if you can answer that now you have to do that for an “img” type element and not just one but ten of them

but before doing that you also need to have a “container div” with an id of “gallery” in it, if you follow along what instructions says, it should be fine

what i mean is do i have to 10 actual element or is there a shorter way without having to type all that in how do you cut down on type don’t havehaving to put all them in

copy pasting seems feasible!!

i don’t have a mouse don’t how or if i can copy and paste a hole paragraph with just touch screen and keyboard ,I only get one word.

you don’t need a mouse for copy and paste, use “ctrl+C” and “ctrl+V” :slight_smile:

thanks , that really helps ,not the greatest typer ,but working on it ,that should help me speed up on the projects. anything you’d suggest that would help me get better at typing.

hate to bother you so much .but i don’t understand this one, (in container div. add two more div elements and give them each a class of marker) nothing i try works ,being stuck sucks.

typing would come naturally!! you just need some feel to your keyboard and tactile feeling to it, rest would get easier, in terms of typing (even without looking at your keyboard!!) :slight_smile:

yeah, being stuck, stinks real bad!! thats when you need to start exp[lore and google around and try fix things for yourself, thats how learning curves improves :slight_smile:

and about that “container div”, problem it seems like you just need to create "two div elements and give them a class name of “marker” to it

share your code, lets see what have you tried :slight_smile:

if you still fining it tough to complete this step then better create an another issue after closing this (or selecting any of those above posts as solution, you found solved it)

hope this was helpful :slight_smile:

happy learning :slight_smile:

This is what the answer is:

div id=“gallery”><img src:""><img src:""><img src:""><img src:""><img src:""><img src:""><img src:""><img src:""><img src:""><img src:""></div

The fact that they do not give actual sources for each image element is a pain. One thing to note is that div id=“gallery” is nested inside div class=“header”

1 Like

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