I now have only two things wrong and I have been fiddling with my code but I can not figure it out. Please help!
- 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.
- 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
<figcaption> element that is still inside your
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.
Thank you I shall start right now.
What is wrong now? The tests are still coming in wrong.
<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.
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!