Tell us what’s happening:
Describe your issue in detail here.
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles.css">
<title></title>
</head>
<body>
<main id="main">
<h1 id="title">Dr. Norman Borlaug</h1>
<div id="img-div">
<img id="image">
<figcaption id="img-caption">Dr. Norman Borlaug, third from the left, trains biologists in Mexico on how to increase wheat yields - part of his life-long war on hunger.<figcaption>
<p id="tribute-info">If you have time, you should read more about this incredible human being on his</p>
<a id="tribute-link" target="_blank" href="https://tribute-page.freecodecamp.rocks/"></a>
</div>
</main>
</body>
</html>
/* file: styles.css */
#image{
max-width:100%;
height:auto;
display:block;align-items:center;
justify-content:center;
}
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.134 Safari/537.36 Edg/103.0.1264.71
Challenge: Tribute Page - Build a Tribute Page
Link to the challenge: