Please explain what the issue is with this code?

Tell us what’s happening:
I am having trouble trying to add the code exactly as shown in the exam, however it does not seem to want to work. Below my code is exactly as I have seen it in the hint and video. The image does not respond, well the second image anyway. Please help.

Your code so far

.responsive-img {
max-width: 100%;
display: block;
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/64.0.3282.140 Safari/537.36 Edge/17.17134.

Challenge: Make an Image Responsive

Link to the challenge:


Your code passes for me. This suggests that it is a local issue. Please ensure that you have disabled any browser extensions that may access FCC (such as dark mode). If that does not work, consider switching browsers. I see that you’re using Microsoft Edge; Chrome is the officially supported browser for the FCC curriculum.

The latest versions of Chrome, Edge, Safari, and Firefox are all officially supported.

1 Like

Try updated Edge to the latest Chromium version