Responsive web responsive web design

Tell us what’s happening:

Your code so far

.responsive-img {


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

<img class="responsive-img" src="" alt="freeCodeCamp stickers set">
<img src="" alt="freeCodeCamp stickers set">

Your browser information:

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

Challenge: Make an Image Responsive

Link to the challenge:

Hello @outoftime!

Take another look at the directions. It wants you to add height and width to the .responsive-img class in you css. You added it to img.

This is what I have done and it’s still not working?

You are changing things in the code that you weren’t directed to. The directions didn’t say to delete

img {

It also didn’t say to add display:block; to the css. I don’t know if that’s the culprit for it failing but Try only doing what the directions say and see what happens.

This passes

Sorry I am not crazy I have done this in so many ways and the way you’re telling me to and still no go?

@outoftime Not sure then. Check that your web browser isn’t zoomed in or out at a level that could be causing the program to think that your css is wrong.

Nope I have checked it man. Every other lesson was perfect just this one wasn’t taking it?

Sorry I couldn’t help. Aside from just trying on another browser or even a different device I don’t know.

Maybe someone else can jump in.

Ok thanks for your help!