Img not resizing responsively

[sigurd-horsholt]

I am currently making the “tribute page” challenge for the HTML, CSS course.

i can’t make the img responsive although i’ve added this CSS:
max-width: 100%;
height: auto;

to both the ID of the IMG - and the DIV that i keep it in. its not happening…

link to codepen is here to see the problem in its entirety…::

wvqeymN

Your browser information:

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

Challenge: Build a Tribute Page

Link to the challenge:

freeCodeCamp.org

[danCamalMan]

take care of id names
html is annoying like this, no error messages

[rio_sanap]

you have used id for image use only img selector
example you have used

#img {
    // your code
}

used insted 
img {
  // your code
}

[sigurd-horsholt]

haha yeah now that feels a bit embarrassing. But it makes alot of sense! Thank you so much