Please help with centering image

[vishalbhat221]

may i know how to center the image in this particular project to its parent element
https://codepen.io/Madhav_Vishal/pen/ExNzJLK

[noxmaraba]

you can check this site How To Center an Image … this might help

[NielsM]

You mean like this?

[jwilkins.oboe]

Hi @vishalbhat221 !

Welcome to the forum!

I edited your post to remove the link from the title.
You should avoid placing links in the title since we can’t click on them.

As to your question,
I would review that article @noxmaraba gave you on properly centering an image.

You did change the display to block but you are missing the margin property to center it. The article will show you how to do that.

When you do that then the test will pass.

Also, I would remove these style tags from your html section and place those styles in the css section.

  <style>
    body{
      background:black;
      color:white;
      font-family:calibri;
    }
  </style>

[anon38330656]

See this:

• How To Center an Image

• html - Center image using text-align center? - Stack Overflow

[wisdomisaac168]

#image{
max-width: 100%;
height:auto;
display:block;
margin:auto;
}

[wisdomisaac168]

set the margin to be auto