To make an image responsive

HTML-CSS
1

I have tried to no avail to let the system accept my code. can someone help cos this is the last challenge I have to progress forward to next curriculum.

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

Challenge: Make an Image Responsive

Link to the challenge:

2

Try adding class="responsive-img" to the second image as well though mine passes even without it.

3

please, can you explain better.

4

First image

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

Second image

<img src="https://s3.amazonaws.com/freecodecamp/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">

Try adding class="responsive-img" to second image as well and see whether it passes. Your code passes for me as it is.

1 Like
5

Your code is passing for me.

I think Edge 18 is the problem. Update it to the latest version based on Chromium or use Chrome or Firefox.

1 Like
6

thank you bro/sis. thanks for the advice. I changed to Chrome and it passed. Edge just wasted 2 hours of my time.

7

I just followed your advice and it worked. thanks sir/ma

8

No problem.

It is a bug we are aware of but have not fixed (issue), sorry for the inconvenience.

1 Like