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

Posted by Ekaterina Solovitskaya
Ekaterina Solovitskaya
11,475 Points

Finally, use a transform mixin to give .main-logo a -25deg rotation on :hover ...? help pls..

.main-logo:hover { @include transform (rotate(-25deg)); }

exactly how was in video.. no way(

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Ekaterina,

Can you link to the challenge that you're on?

Also, I switched the category to css.

2 Answers

Jason Anello
PLUS
Jason Anello
Courses Plus Student 94,610 Points
Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Ekaterina,

That challenge is specifically looking for the rotate mixin.

.main-logo:hover {
  @include rotate(-25deg);
}

What you tried will produce the same css but I think the challenge is looking specifically for the rotate mixin since you only need to do a rotation. The transform mixin is useful when you have multiple transformations to apply.

Ekaterina Solovitskaya
Ekaterina Solovitskaya
11,475 Points
Ekaterina Solovitskaya
Ekaterina Solovitskaya
11,475 Points

Hi, Jason, the link is teamtreehouse.com/library/getting-started-with-compass task 5 of 5