Question about "Sass: Extend One Set of CSS Styles to Another Element"

Curriculum Help
,
1

If I use the following code in this assignment:

  .info{
    width: 200px;
    border: 1px solid black;
    margin: 0 auto;
    &-important{
      @extend .info;
      background-color: magenta;
    }
  }

the output will appear correct, but the test fails. Is there any reason why this should fail? Use of the ampersand isn’t illegal sass at all and can be very useful for modifier classes such as this one. In order to finish the assignment I had to write the info-important class separately which feels redundant:

  .info{
    width: 200px;
    border: 1px solid black;
    margin: 0 auto;
  }

  .info-important{
    @extend .info;
    background-color: magenta;
  }
2

It would be helpful to provide a link to the challenge so we can see what we’re talking about.

In the future, inside the challenge, with the button in the lower left, if you do Get Help -> Ask for Help, it will do that for you.

3

Ah, sorry, here’s the link of the challenge in question: https://www.freecodecamp.org/learn/front-end-libraries/sass/extend-one-set-of-css-styles-to-another-element