Responsive Web Design Projects - Build a Tribute Page

Tell us what’s happening:
Describe your issue in detail here.
I having a problem builing my tribute page project, please helpme out.

   **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
 <style>
   #image{
     display: block;
     max-width: 100%;
     height: auto;
   }
 </style>
<body>
 <head>
 <h1 id="title"> Dr. Norman Borlaug
 </head>
 <main id="main">
   <div id="img-div">
     <img id="image" display="block" max-width= "100%" height="auto">
       <div id="img-caption">
         <div id="tribute-info">
           <a hrefid="tribute-link" href="styles.css" target="blank"> 

<!-- An element with a unique id -->
<main id="main"></main>
<h2 id= "title">The man who saved a billion lives</h2>

 <figure id="img-div"></figure>

  <img id="image"></img>

   <div id ="imd-caption"></div> 

<h2 id ="tribute-info"></h2>
<a id= "tribute-link"  href = "" target ="_blank">
 <h2 id ="tribute-info"></h2>
</body>
</html>

/* file: styles.css */

   **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:103.0) Gecko/20100101 Firefox/103.0

Challenge: Responsive Web Design Projects - Build a Tribute Page

Link to the challenge:

your code that i have hi-lighted should be inside the main attribute