Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Alexandra Velez
Front End Web Development Techdegree Student 9,313 PointsThe 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?
.banner {
padding: 1em;
background-color: lightgrey;
.button {
font-size: 1.5em;
}
.icn {
font-size: 1.25em;
}
&-success {
color:green;
}
}
4 Answers
Steven Parker
229,744 PointsThe 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.
Alexandra Velez
Front End Web Development Techdegree Student 9,313 PointsI nested the items under the selector, and it didn't respond either. I've tried nesting it in different ways.
Steven Parker
229,744 PointsPlease show the complete code after making the changes so we can take another look.
Steven Parker
229,744 PointsThat screenshot shows the exact same code as included above, with neither issue fixed.
Alexandra Velez
Front End Web Development Techdegree Student 9,313 PointsOh, I understand now.
It was nested under the wrong selector.