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 trialJose Gutiérrez
9,370 PointsWhat I'm doing wrong?
This is the Challenge Task 1 of 3
Create a rule using the class .roundy. Give .roundy a width of 150px and a border-radius of 50%. Then, create a rule that targets .img-author and allow it to extend the properties of .roundy.
Teh error says : be sure you are giving a value of 50% to border-radius.
%roundy{
border-radius: 50%;
width: 150px;
}
.img-author{
@extend %roundy;
}
1 Answer
Blaine McCarthy
17,030 PointsWhy is roundy preceded with %?
Try .roundy - like you did when selected the .img-author class.
Close though!
Jose Gutiérrez
9,370 PointsJose Gutiérrez
9,370 PointsHi Blaine McCarthy, thanks for taking the time to answer my question! This is the course of SASS, a well-known preprocessor for CSS. In Sass you can extend the proprieties from one selector to another, to do so, you must use the % placeholder in order to thell the compiler that one selector will be extended by another. In this case .img-author will extend . roundy . That's why I place a % before roundy. I believe the error is somewhere else.
Thanks again!