Ho do you add id="img-caption" in Build a Tribute page

Tell us what’s happening:
Hi guys, I’m brand new to coding. I’ve got the div element with the id=img-div, but I can’t figure out:

User Story #5: Within the img-div element, I should see an element with a corresponding id="img-caption" that contains textual content describing the image shown in img-div .

Your code so far

<div id="img-div"> 
<img id="image"src="https://www.success.com/wp-content/uploads/2019/03/Rachel-Hollis-Five-to-Thrive-1024x682.jpg" alt="Picture of Rachel Hollis>                         
</div>       

Your browser information:

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

Challenge: Build a Tribute Page

Link to the challenge:

I would recommend putting a figure element inside of the div and inside the figure have your image and below the image you could add in a figcaption with an ID of img-caption.

2 Likes
<figure id="img-div">
          <img id="image" src=""/>
          <figcaption id="img-caption"></figcaption>
        </figure>
2 Likes

While what Nolan and Deepak suggested is alright, the User Story #5 is only asking you to add another element with id=“image-caption” inside the div with id=“img-div”.
According to the text, the only requirement for the position of this new element is to be inside the div already mentioned, it could be above or below the image, but since captions are generally below, you can place it there.
Now, what element should be? It could be another div, given that the text does not mention a specific kind of element. And the id of course, should be img-caption.

5 Likes

Thank you! Got it! I appreciate everyone’s help :slight_smile: