Image is responsive but FCC script won´t accept it

HTML-CSS
1

Or at least I think it´s responsive:

. The image element should responsively resize, relative to the width of its parent element, without exceeding its original size.

That is the test that I am not passing.

But the image indeed resizes responsively, I have used bootstrap for it using the class “img-responsive”.

Do you guys know why it might be wrong? This my code: https ://codepen.io/ Assblack/pen/drQGKr

2
  1. Remove the inline with and add the class, img-fluid

From:

<img id="image" src="https://i.ytimg.com/vi/8x9USqhAfwI/maxresdefault.jpg" class="img-responsive" width="70%">

To:

<img id="image" src="https://i.ytimg.com/vi/8x9USqhAfwI/maxresdefault.jpg" class="img-fluid">
  1. Set the image to be display block.
#image {
  display: block;
}