My code is not working even though I've used the correct code

HTML-CSS
1

Tell us what’s happening:
my code is not working even though I’ve corrected it and used the right code

Your code so far


<style>
.responsive-img {
max-width: 100%;
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

Welcome, William.

Your code passes for me. So, some things to note:

  1. The recommended browser for the freeCodeCamp curriculum is the latest stable release of Chrome.
  2. Browser extensions affect the tests. Disable them.
  3. If your browser zoom level is not default at 100%, this can also affect the tests.

Hope this helps

3

Thank you Leader, and is there a way I can change the zoom level default to be 100% ?

4

Sure, for Edge, this post is relevant: https://www.howtogeek.com/658739/how-to-set-a-default-zoom-level-in-microsoft-edge/#:~:text=Launch%20the%20web%20browser%2C%20and,choose%20your%20desired%20zoom%20level.

5

Apologies, I flagged this solution by mistake

1 Like