Hi can someone help?
I can’t find where I’m going wrong. I have run the test and I’m getting errors in:
*Failed:Your #img-div
, #image
, #img-caption
, #tribute-info
, and #tribute-link
should all be descendants of #main
.
-
Failed:You should have a
figcaption
ordiv
element with anid
ofimg-caption
. -
Failed:Your
#img-caption
should be a descendant of#img-div
. -
Failed:Your
#img-caption
should not be empty.
Any insight will be greatly appreciated.
TYIA
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css"
</head>
<body>
<main id="main">
<h1 id="title">Samuel Prescott Hildreth</h1>
<p>pioneer physician and scientist</p>
<figure id="img-div">
<img id="image" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/66/SamuelPrescottHildreth-middle.jpg/600px-SamuelPrescottHildreth-middle.jpg" alt="Samuel Prescott Hildreth, as drawn by Henry Howe."
<figcaption id="img-caption">
Samuel Prescott Hildreth, as drawn by Henry Howe.
</figcaption>
</figure>
<section id="tribute-info">
<h3 id="headline">Samuel Prescott Hildreths Life</h3>
<ul>
<li>
<strong>Early Life</strong><br>
"Samuel Prescott Hildreth was born in Methuen, Massachusetts on September 30, 1783. His father, Dr. Samuel Hildreth of Massachusetts, was a physician with a regiment of volunteers during the American Revolutionary War, served as surgeon aboard a privateer, and became a prisoner-of-war. Samuel Prescott Hildreth was educated at the Phillips Academy at Andover, Massachusetts. He began medical studies under his father, completed studies under care of Dr. Thomas Kittredge of Andover, and received his diploma in 1805 after examination by the Massachusetts Medical Society. He subsequently practiced medicine in Hampstead, New Hampshire until relocating to Ohio in 1806."
</li>
</ul>
<h3>
<a id="tribute-link" href="https://en.wikipedia.org/wiki/Samuel_Prescott_Hildreth" target="_blank">Wikipedia entry</a>
</h3>
</section>
</main>
</body>
</html>
/* file: styles.css */
#image
{
max-width: 100%;
height: auto;
display: block;
}
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36
Challenge: Responsive Web Design Projects - Build a Tribute Page
Link to the challenge: