Responsive Web Design Principles: Make an Image Responsive

Hi, I’m stuck on Responsive Web Design Principles: Make an Image Responsive.

I feel like I have tried everything and even copied and pasted previous solutions into my code and nothing will let me pass. Is it possible there is something wrong with the website? Or is there something obvious that I’m missing? Please help!

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:
https://www.freecodecamp.org/learn/responsive-web-design/responsive-web-design-principles/make-an-image-responsive

Fixed!

I was using Microsoft Edge and for some reason It wouldn’t work. Tried it on Chrome and it works fine.

2 Likes