Not able to make an image responsive

Tell us what’s happening:
I am trying to make my image responsive but it doesn’t working out. I tried many ways to do so but not able to make it. Can anyone help me with this? It is my first project
Your code so far.
#image {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
height: auto;

      }

image of Fidel Castro

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.149 Safari/537.36.

Challenge: Build a Tribute Page

Link to the challenge:

Try this: max- width: 95% :smiley:

Thank you, It works now.

Hello, Roman:
I’m glad to hear it: Now why happen this?
I dont find the link with the explanation but here is the a brief explanation: When you have the max-width: 100% and your height: auto the problem is gonna will be present so for that reason your max-width has to be lower than 100% :smiley: :smiley: