Make image responsive in HTML-CSS

Tell us what’s happening:
Hey, as far as I can tell I’ve done what the tasks require, but when the test runs it says:

“Your responsive-img class should have a max-width set to 100% .”

What am I getting wrong?

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

Challenge: Make an Image Responsive

Link to the challenge:

You don’t need to add “display: block;”

Your code passes for me. There are a couple of things you can try;

  1. I see you’re using Edge. Try updating it to the latest Chromium version.
  2. Try another browser like Chrome or Firefox

Hey, updated to edge chromium and it works fine now, thanks!

1 Like