Solution not working or is it me?

HTML-CSS
#1

Tell us what’s happening:
So I’ve tried this challenge on 3 different devices and 3 different browsers ( Brave, Firefox and Safari) and nothing is working. I’ve tried typing in the code as well as copy & paste. Is it me or is it the solution?
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 (iPhone; CPU iPhone OS 14_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Mobile/15E148 Safari/604.1.

Challenge: Make an Image Responsive

Link to the challenge:

#2

You have 2 styles for image. The 2nd one is theone being used and you have style inside of style? You should just define your width and margin inside the responsive-img class.

1 Like
#3

You’ve nested the element selector inside the class selector and that’s not something that is allowed in CSS.

Reset the lesson and carefully look at the instructions. You are tasked with adding the style rules (the property: value: pairs) to the class selector.

Hope that helps.

1 Like
#4

I see what I did wrong. The open brackets in the class selector confused me and I thought that’s where the code should be placed. Thank you!