Tell us what’s happening:
Hi All, my code isn’t accepted, though it appears to me that all requirements have been fulfilled, and that no tags are unclosed. The code seems to display correctly but it isn’t accepted. I’d be glad to know what I am missing, if you can spot it.
(Note that this is a bare-bone version, no CSS and little text. I just want to pass the tests first).
Thank you so much!!!
Failing Tests:
-
Your
#img-div
,#image
,#img-caption
,#tribute-info
, and#tribute-link
should all be descendants of#main
.
Seems to me that this is fulfilled. -
You should have a
figcaption
ordiv
element with anid
ofimg-caption
.
Seems to me that this is fulfilled. -
Your
#img-caption
should be a descendant of#img-div
.
Seems to me that this is fulfilled. -
Failed: Your
#img-caption
should not be empty.
Seems to me that this is fulfilled.
Your code so far
/* file: index.html */
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css" />
</head>
<main id="main">
<title id="title">Capt. Zapp Brannigan</title>
<div id="img-div">
<img id="image" src="https://static1.srcdn.com/wordpress/wp-content/uploads/2019/03/Zapp-Brannigan-Futurama-Feature-Image.jpg?q=50&fit=crop&w=960&h=500&dpr=1.5/>
<figcaption id="img-caption">25-Star General Zapp Brannigan </figcaption>
</div>
<div id="text">
<p id="tribute-info">Destroyer of the killbots</p>
<a href="..." target="_blank" id="tribute-link">Read more on Wikipedia</a>
</div>
</main>
</html>
/* file: styles.css */
img {
display:block;
max-width: 100%;
}
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:102.0) Gecko/20100101 Firefox/102.0
Challenge: Tribute Page - Build a Tribute Page
Link to the challenge: