Tribute page user stories

While building my first project I ran into some issues with the user stories. The last two require: User Story #8: The img element should responsively resize, relative to the width of its parent element, without exceeding its original size, and User Story #9: The img element should be centered within its parent element.

I can’t get these last two to work without messing up all the page, I’m trying to work around them since I really like what I’ve done so far with the project. Any help would be really appreciated.

You can try

display: block;
max-width: 100%;

You’ve to style <img> itself not #img-div

margin: auto;

should work

Thank you, that worked. It didn’t really affect anything since the img element doesn’t have any content but it worked for the tests