Building a Tribute Page --- Everything is right except for 1 thing that I cannot see

would someone help me see what I am doing wrong in my code because for the life of me, I cannot see where I am making a mistake here. I kept of getting the same error when I ran the code. This is what I get when I run it:

" You should have a figcaption or div element with an id of img-caption ."

Also, the picture, is not showing, even though I coded it right, well, I thought that I did.

<!DOCTYPE html>
<html lang="en">
  <link rel="stylesheet" href="styles.css"/>
    <title>Tribute Page</title>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 <main id="main">
<h1 id="title">Dr. Norman Borlaug</h1>
  <p>The man who saves a billion lives
 <figure id="img-div">
   <img scr="" alt="picture of Borlaug standing with friends in a wheat field in mexico" id="image"/>
   <h2 id="img-caption">Dr. Borlaug standing in a field of wheat<h2/>
 <h3 id="tribute-info">Here is a timeline of Dr. Borlaug's life</h3>
<a href="" id="tribute-link" target="_blank" value="nothing" >here we go</a>
<div id="img-caption"> Who cares!</div>



i thing you have to replace h2 with figcaption element or div element with id img-caption.(it will probably solve your problem)

I have never heard of an #img-div element that looks like this. (Usually #img-div is referring to an id attribute of an element)

You have a typo here in the attribute

This is fine but you should not use the same img-caption id anywhere else (which you did)