CSS Sass Basics Improve Your Workflow with Sass Write Nested Selectors

Alexandra Velez
seal-mask
.a{fill-rule:evenodd;}techdegree
Alexandra Velez
Front End Web Development Techdegree Student 9,313 Points

The correct color is specified, why isn't it accepting it?

The spelling is correct.

Why isn't it accepting the color green in this code challenge?

style.scss
.banner {
  padding: 1em;
  background-color: lightgrey;
  .button {
  font-size: 1.5em;
  }

  .icn {
  font-size: 1.25em;
  }

  &-success {
  color:green;
  }

}

4 Answers

Steven Parker
Steven Parker
204,006 Points

The color is fine, but the rule should be nested inside the rule for ".icn".

And the instructions for task 2 said that the ".icn" rule should go "Below the .banner rule (at the root level)", so it should not be nested.

Steven Parker
Steven Parker
204,006 Points

Please show the complete code after making the changes so we can take another look.

Steven Parker
Steven Parker
204,006 Points

That screenshot shows the exact same code as included above, with neither issue fixed.