Im having a hard time understanding all this element within a element stuff for the tribute page stories. It goes from element within div with id= img-div all the way to id= img-caption within img-div. This got me very confused
Your browser information:
User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14388.61.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.107 Safari/537.36
For user story 4, it is looking for an image tag with the id of image.
You have an image tag here with no id
<img src="https://images.squarespace-cdn.com/content/v1/5256f6e4e4b086e2b62842e2/1421589861526-NLMVFC4TD9JMJI8CMFQ7/image-asset.jpeg?format=1500w" alt="Image of Dr. Norman">
For user story 5, it is looking for an element with the id of “img-caption”.
I don’t see an id here. Also it looks like you are missing a closing p tag.
<p>Dr. Borlaug, third from the left, trains biologists in Mexico on how to increase wheat yields - part of his life-long war on hunger.
When I fix those things, then tests 4 and 5 pass.
But while we are here, there are a few other things
That is not the correct use for head tags here
<h1 id="title">Dr. Norman Borlaug</h1>
Head tags contain information like title tags, meta tags, link tags, etc. This is information that is needed for the browser but not displayed on the web page.
I would go ahead and delete those head tags.
Maybe you meant to use the header tags instead?
For this section here,
<p>• <strong>1914</strong> Born in Cresco, Iowa</p>
it would be better to create an unordered list.
When you finish the project I would suggest sharing it with the forum in the #project-feedback section so you can incorporate the feedback into future projects and level up your coding.
Thank you so much for your help!! You are amazing, people like you make this self-taught process possible.
When I tried the unordered list, the bullet points were on the left side of the page while my text was in the center of the page. How do I fix that? Also the link for the js script isn’t doing anything