Please explain what the issue is with this code?

HTML-CSS
1

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


<style>
.responsive-img {
max-width: 100%;
display: block;
height: auto;
}
img {
width: 600px;
}
</style>

<img class="responsive-img" src="https://s3.amazonaws.com/freecodecamp/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
<img src="https://s3.amazonaws.com/freecodecamp/FCCStickerPack.jpg" 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:

2

image
image709×929 19 KB

Hello~!

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.

3

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

1 Like
4

Try updated Edge to the latest Chromium version