Tell us what’s happening:
Describe your issue in detail here.
I’m having a pretty frustrating experience with this one guys… what am I missing here?
The culprits:
-
Your img element should have a display of block.
-
Your #img-div, #image, #img-caption, #tribute-info, and #tribute-link should all be descendants of #main.
**Your code so far**
/* file: index.html */
<main id="main">
<div id="img-div">
<img id="image">
<div id="img-caption">
<body id="tribute-info">
<a id="tribute-link" href="" target="_blank">
<div id="title">
<h1>Yoshi</h1>
</div>
<figure id="img-div">
</main>
<style>
</style>
/* file: styles.css */
<style>
</style>
<img {
max-width: 100%;
display: block;
height: auto;
}
src="https://s3.amazonaws.com/freecodecamp/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
**Your browser information:**
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.127 Safari/537.36
Challenge: Tribute Page - Build a Tribute Page
Link to the challenge: