Error for tribute page #Layout number 1

1

Hi there. Been working on this tribute page and have one error left:
The img element should responsively resize, relative to the width of its parent element, without exceeding its original size.

I’ve looked at some other help posts but don’t think I understand how to fix this. Plz ignore my content. I just put in randomness till I edit through.

Error states: Try using the “max-width” style property : expected ‘none’ to not equal ‘none’

XX Thanks in advance!!

Here’s a link: https://codepen.io/lilacmangoes/pen/wReXpw

2

Here you can find an explanation:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-principles/make-an-image-responsive

3

Thanks :slight_smile:
I’ve changed it to exactly what’s on there:

max-width:100%;
display:block;
height:auto;

even though i found putting it at 60% gives me the size of the image I want which im sure there’s a different way to change the size but it still shows up as error.

4

my issue was

img{max-width:100%;
display:block;
height:auto;}

when it should have been:

#image{max-width:100%;
display:block;
height:auto;}