Tribute Page Image Help?

[QueenOfElves]

The bare bones of my tribute page are mostly fine, but the image CSS is causing me trouble. The one thing I can’t pass is:

• Your #image should be centered within its parent.
  I’ve compared it to the HTML in the example as well as another student’s work and stackoverflow examples and I don’t know what I’m missing! Help please! Here’s the relevant code
  HTML:

  <div id="img-div">
          <img id="image" src="https://static.wixstatic.com/media/f026e9_461f682c80c94ca79bc6a0e529c9d754~mv2.jpg/v1/fill/w_255,h_335,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/DNGreenwood%20final_edited.jpg" alt="a picture of Dr. Greenwood">
          <figcaption id="img-caption">Dr. Greenwood</figcaption>
          </div>

CSS:

#image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  justify-content: center;
}

Here’s screenshots:

Let me know if I need to supply any more info, any help is appreciated!

(Note: In the screenshot it says I’m missing 3 things needed to pass, but the problem was in the boilerplate and I’ve since fixed those)

[lasjorg]

Please post all your code and a link to the challenge when asking for help.

---

edit: you can not use justify-content with display block it has to be flex or grid.

Did you try adding an auto margin?

margin: 0 auto ;

[QueenOfElves]

It worked! Thank you so much, I’ll keep that handy rule as well as forum etiquette in mind