Help - Responsive Web Design Projects - Build a Tribute Page

Hi guys, there are 2 errors that I cannot understand. They are user stories 4 and 5:

User Story #4: Within the img-div element, I should see an img element with a corresponding id="image" .

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 .

The code I have for this element is:


Can someone help me understand what is being asked? From my understanding, I have met the requirements of the question. Thank you very much!

I want to see your code, but I can’t see it included in your post. I just see the image and its caption.

Hi! Sorry, I have fixed it! I was trying to figure out how to display the code.

Okay then, now I can see your code.

There are at least 2 things that I want you to focused on:

  1. According to User Story #3 from the projects, you must create <div> element with corresponding id='img-div'. Therefore, you must change <img-div> and </img-div> with appropriate element.
  2. img element is a self-closing tags, so you must close the img element with />

I hope these will help you with the project.

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.


img-div is not a valid tag name, it should be the value of an id attribute

There is no requirement for a closing slash. It is supported in HTML5 but optional. If you look in the specs you will see that none of the examples given uses a closing slash.

Oh, thank you for the correction :grinning:
I will remember that.