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

HTML-CSS
1

Hi
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"/>
  <head>
    <title>Tribute Page</title>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <body>
 <main id="main">
<h1 id="title">Dr. Norman Borlaug</h1>
  <p>The man who saves a billion lives
 <figure id="img-div">
   <#img-div>
   <img scr="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute-page-main-image.jpg" 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/>
   </#img-div>
 
 <h3 id="tribute-info">Here is a timeline of Dr. Borlaug's life</h3>
<a href="https://www.freecodecamp.org" id="tribute-link" target="_blank" value="nothing" >here we go</a>
<div id="img-caption"> Who cares!</div>
</figure>
</main>

</body>









</html>
3

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

4

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)

5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.