Hi! I cant seem to figure out what is wrong with my tribute page as per the requirements.
https://codepen.io/haroldchoi/pen/pobgOjG
Any feedback is greatly appreciated ![]()
Thank you!
Hi! I cant seem to figure out what is wrong with my tribute page as per the requirements.
https://codepen.io/haroldchoi/pen/pobgOjG
Any feedback is greatly appreciated ![]()
Thank you!
Hi @haroldchoi96 !
Welcome to the forum!
First and foremost, always read the full error messages. It will tell you how to fix your code. Remember to keep the test suite in the page.
Before we look at the error message there are some things to address.
The head tags are only for meta data and links to stylesheets. Remove these head tags and leave everything else.
<head>
<div id="main">
<h1 id="title">Ignaz Semmelweis
The saviour of mothers</h1>
</head>
This does not belong in the img div. You donât need this for codepen but in a real project it would go in the head tags.
<link rel="stylesheet" type="text/css" href="style_.css">
Img tags need alt attributes. Replace the rel stylesheet with an alt attribute.
<img id = "image" src="https://upload.wikimedia.org/wikipedia/commons/f/f8/Ignaz_Semmelweis_1860.jpg" rel="stylesheet">
https://www.w3schools.com/tags/att_img_alt.asp
Now for the error messages
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 image shown in âimg-divâ.
I donât see that here
<div id="image-caption">
<p> If Dr. Semmelweis looks troubled it's probably because he's thinking about childbed fever.</p>
</div>
I donât see that here
#image {
width: 250px;
margin-top: 40px;
border-color: grey;
border-width: 5px;
border-style: solid;
border-radius: 50%;
}
Once you fix those issues a new test wonât pass. You will need to read the new failing error message. It will tell you exactly how to fix it.
Once you fix that then all tests will pass.
Hope that helps!