Still a little stuck in project

I now have only two things wrong and I have been fiddling with my code but I can not figure it out. Please help!

  1. Within the “img-div” element, I should see either a figcaption or div element with a corresponding id=“img-caption” that contains textual content describing the subject of the tribute page.
  2. the img element should responsively resize, relative to the width of its parent element, without exceeding its original size.

I am getting very excited as I see my work unfold! Please help me so that i can see it completed tonight! Thank you!

I believe my problem is that I do not even fully understand what is required of me.

id="img-caption" is assigned to your <img> element - it should be assigned to a <div> or <figcaption> element that is still inside your id="img-div.

Your image is going to take a little more tweaking. Like the error says, display: inline; needs to be display: block; but you will need to tweak a little more to get it centered again.

1 Like

Thank you I shall start right now.

What is wrong now? The tests are still coming in wrong.

Your <figcaption id="img-caption"></figcaption></img> is incorrect. The </img> needs to be closed BEFORE the <figcaption> element, not after it. The <figcaption> element should also contain text.

Your image cannot resize because you’ve set the height property to a fixed value. Remove that and the test should pass.

1 Like

Omygosh! Almost there! :sweat_smile:

1 Like

Yes!Yes!Yes! I passed! What am I supposed to do once I pass?

Copy your CodePen link into the solution box on the project page, click “I’ve completed this challenge”, then click “Submit and Continue” on the pop-up dialogue.

And then take a moment to celebrate your success! Congratulations on completing your first project!

1 Like

I am sooooooo HAPPY!!! :heart: :heart: :heart: :heart: :heart: :relieved: :relieved: :relieved: :relieved: :slightly_smiling_face: :slightly_smiling_face: :slightly_smiling_face: :slightly_smiling_face: :grinning: :grinning: :grinning: :grinning: :smiley: :smiley: :smiley: :+1: :+1: :+1: :+1: :upside_down_face: :upside_down_face: :upside_down_face:

1 Like