Img not resizing responsively

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…::

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:

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

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

#img {
    // your code
}
used insted 
img {
  // your code
}
1 Like

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