Responsive Web Design Principles: Make an Image Responsive/error

I ve done my challenge, about .responsive-img class

.responsive-img {

max-width: 100%;

display: block;

height: auto;


but it said that Your responsive-img class should have a max-width set to 100% is there any mistake?

Is your browser set to 100% zoom? Have you tried a different browser?

You don’t need the display:block; in your solution, but that shouldn’t cause the test to fail. I’d recommend hitting the “Reset All Code” button, and copy and pasting your .responsive-img class into the code and see if that works. The code in your question should work, so my guess is that it’s a browser problem

I am having the same problem. please tell me how to solve it.