Someone please help! frustrated

HTML-CSS
1

Tell us what’s happening:
I’ve been trying to figure out what the problem is, but i’m not able to find it. please help, thanks in advance.

Your code so far


<style>
.responsive-img {
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/84.0.4147.105 Safari/537.36.

Challenge: Make an Image Responsive

Link to the challenge:

2

You don’t need the img {} inside the .responsive-img class

You have:

.responsive-img {
img {
max-width: 100%;
height: auto;
}
}

it should be:

.responsive-img {
max-width: 100%;
height: auto;
}
2 Likes