Responsive web design principles, please help me get past this step

[edithakol]

Tell us what’s happening:
Describe your issue in detail here.

  **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 (Linux; Android 5.0.2; HTC Desire 816 dual sim) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.149 Mobile Safari/537.36

Challenge: Make an Image Responsive

Link to the challenge:

freeCodeCamp.org

[daniel-schroeder-dev]

@edithakol

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

}

You don’t need to nest the img tag inside the .responsive-img tag.

For example:

/* This is correct */
.not-nested {
    font-size: 24px;
}

/* This is wrong */
.outer {
    .inner {
        font-size: 24px;
    }
}

[edithakol]

Thank you very much for your help.