Build A Tribute Page Project

I cant seem to get passed these:
Your img element should have a display of block .

  • Your #image should have a max-width of 100%.
  • Your #image should be centered within its parent.
  display:block;
  max-width: 100%;
}

 #img-div {
  display: flex;
  justify-content: center;
}
<body>
  <main id="main">
    <header>
      <h1 id='title'>Dr. Norman Borlaug</h1>
    </header>
    <figure id="img-div">
      <img id="image" src="https://www.pbs.org/wgbh/americanexperience/features/green-revolution-norman-borlaug-race-to-fight-global-hunger/" alt="Description of the image">
      <figcaption id="img-caption">Description of the image</figcaption>
    </figure>
    <section id="tribute-info">
      <p>Description of Dr. Norman Borlaug.</p>
    </section>
    <a id="tribute-link" href="https://en.wikipedia.org/wiki/Norman_Borlaug" target="_blank">Learn more</a>
  </main>
</body>

Welcome to the FCC forum. Post your entire CSS and HTML file for better assistance.
@ozz

First of all, you need a link tag in your html file, that’s link to your CSS file.
for applying display block on your img element, you need to create img selector with the display property and value block.
For #image width 100%, you need an id attribute with the value image, within your img element.
And create a #image selector with width property value 100%.
For center your #image element, you need margin property and value 0 auto, within the #image selector in your css file.

Thank you! Everything works now.