Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

Trent Burkenpas
Trent Burkenpas
22,388 Points

Compass Help

Having trouble with this code challenge task 2 of 5

Next, use a utility mixin to make .main-nav a horizontal list. Set the float direction to left and the padding value to 5px.

.main-nav {

    @include float-left;
    @include horizontal-list(5px);

}

Any advice would be much appreciated

4 Answers

Hello,

I am not familiar with this challenge, but after reading through some of the Compass Documentation, it looks like the mixin horizontal-list() takes an argument for $direction. It could be that the challenge wants you to use this rather than the float-left() mixin.

.main-nav {
  @include horizontal-list(5px, left);
}

I can't say this with any certainty, but it may be of help to you.

This is the correct answer.

Trent Burkenpas
Trent Burkenpas
22,388 Points

Thank You, and thanks for the link to the documentation

Hello. My code isn't passing that challange: @import "compass/css3"; @import "compass/utilities"

.main-nav{ @include horizontal-list(5px, left); } What's wrong?

Kollyn Lund
Kollyn Lund
20,644 Points

Hi Vasil Dzhutov, try putting a semi-colon after your last @import.