Correct code failing test?

HTML-CSS
1

Tell us what’s happening:
This code is failing to pass the test, even though max-width is set to 100%.
I have reset the code and matched the code from the solution. Is this a gremlin in the check?

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/70.0.3538.102 Safari/537.36 Edge/18.18363.

Challenge: Make an Image Responsive

Link to the challenge:

2

The code is passing for me. Try a different browser like Chrome or Firefox, or update Edge to the latest version using Chromium.

1 Like
3

Hi @cvdebeer
I have just copy-pasted the solution code and it worked for me.
Maybe refresh your screen? Try a different web browser?

4

Thanks, It was an Edge issue. Works fine on chrome.
Thanks everyone

5

Who trusts Edge these days? :slight_smile:
Just kidding
Glad to hear it worked!