Tell us what’s happening:
Describe your issue in detail here.
**Your code so far**
/* file: index.html */
<html>
<link rel="stylesheet" href="styles.css">
<style>
body{
background-color:black;
color:white;
font-family:calibri;
}
</style>
<div id=main>
<h1 id="title">Allen the Answer </h1>
<div id="img-div">
<a id="tribute-link"target="_blank" href="https://www.youtube.com/watch?v=oMFhT74NBEY">
<img id="image" src="https://thumbs.dreamstime.com/z/allen-iverson-21775356.jpg" alt="Picture of Iverson"width="100%" height="auto">;
</a>
<figcaption id="img-caption"> Allen is probably the most influential basketball player in the history.For sure the most fasioned one.</figcaption>
</div>
<p id="tribute-info">
<b>Allen attributes</b>
<ul>
<li>Quickness</li>
<li>Handles</li>
<li>Speed</li>
</ul>
</div>
</html>
/* file: styles.css */
#img-caption
{
width: 400px;
}
#image
{
max-width:100%;
height:auto;
display:block;
}
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36
Challenge: Build a Tribute Page
Link to the challenge: