Responsive image problem

HTML-CSS
1

Tell us what’s happening:
My image is not resizing relative to the container.
Here is my code

Your code so far

CSS:
* {
  box-sizing: border-box;
}

#image {
  max-width: 100%;
  height: auto;
  display: block;
  margin: auto;
}
HTML:
 <div id="img-div">
        <img id="image" src="Images/kakashi.jpg" alt="" />

        <div id="img-caption">no image here lol</div>
      </div>

Your browser information:

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

Link to the challenge:

2

Hi @tj7,
I tried your code here: https://jsfiddle.net/michaelsndr/9b1vemhu/1/
But the image does resize … I am not sure I fully understand your question… Does it behave differently within your project?

3

Thanx, it seems there was a problem with my IDE. I tried it online and it worked.