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

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

  **Your code so far**

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


img {
width: 600px;

<img class="responsive-img" src="" alt="freeCodeCamp stickers set">
<img src="" 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:

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;

Thank you very much for your help.

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.