Why I still have error with my responsive image

HTML-CSS
#1

Tell us what’s happening:
Hello, could you help me I don’t understand why I still have error telling me to make my image responsive although I have entered right code ? Thank you for your help
Your code so far
#image{
max-width: 100%;
display: block;
height: auto;}

Your browser information:

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

Challenge: Build a Tribute Page

Link to the challenge:

1 Like
#2

um I’m not too sure but this might work https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js
it works for me

#3

just copy and paste that in

#4

Thank you for your reply.
Copy and paste where ? sorry I don’t understand.

1 Like
#5

can you use the code as below:
#image{
width:100%;
height:auto;
}

#6

Thank you so much for your help. Problem solved.
With code:
#img-div {
text-align: center;
padding:10px;
margin:0;
}

#image {
padding: 10px;
width: 100%;
height: auto;
max-width: 400px;
margin: 0 auto;
display: block;
}

1 Like
#7

paste that into the box

1 Like