Please help broken lesson!

Tell us what’s happening:
The lesson wants me to set the max-width for the responsive-img class to 100% and I enter the syntax correctly. However, every time I run the tests for the code, the tests say " Your responsive-img class should have a max-width set to 100% ." This keeps me stuck on the lesson even though I have entered in the correct code. Is there something I am missing or is this lesson known to be bugged/glitched?

Your code so far

.responsive-img {
max-width: 100%;
height: auto;

img {
width: 600px;

<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.18362.

Challenge: Make an Image Responsive

Link to the challenge:

Your code passes the tests for me. This is a known issue with Firefox, I believe. I recommend using the most recent stable version of Chrome, as that is the browser officially supported. Also ensure zoom level is set to 100% and you have disabled any extensions that may access FreeCodeCamp (i.e. dark mode)


Your code passes the test, I’m using chrome version 81.0.4044.129 (Official Build).

1 Like

I see you’re using Edge. Try updating to the Chromium version. Or you can try using Chrome as previously recommended.

1 Like

The same thing happened to me, so nhcarrigan and Roma are probably right. My Dad had to give me a nicer laptop. :sunglasses: :smiling_imp:

1 Like

The version of Edge you are using has a known issue with this challenge.

We are likely going to fix it, but as already suggested you should update it to the latest version, or use Chrome or Firefox for the curriculum.

1 Like

Thank you for all of the replies! I switched to Chrome and it fixed the issue, I was able to pass the tests and move on, you guys are great!