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

CSS Sass Basics Improve Your Workflow with Sass Practice Extending a Selector

Jose Gutiérrez
Jose Gutiérrez
9,370 Points
Posted by Jose Gutiérrez
Jose Gutiérrez
9,370 Points

What 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.

style.scss 
%roundy{
  border-radius: 50%;
  width: 150px;
}
.img-author{
  @extend %roundy;
}

1 Answer

Blaine McCarthy
Blaine McCarthy
17,030 Points
Blaine McCarthy
Blaine McCarthy
17,030 Points

Why is roundy preceded with %?

Try .roundy - like you did when selected the .img-author class.

Close though!

Jose Gutiérrez
Jose Gutiérrez
9,370 Points
Jose Gutiérrez
Jose Gutiérrez
9,370 Points

Hi 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!