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 <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
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