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 Compass Basics Compass Layout and Typography Compass Layout

Atanas Sqnkov
Atanas Sqnkov
14,981 Points

Code challenge does not accept my valid CSS rules.

So I am getting this error:

Bummer! Invalid CSS after "// Page Styles": expected selector or at-rule, was ".main-nav {"

When my CSS is:

.main-nav {
  @include horizontal-list(5px, left);
}
Wayne Priestley
Wayne Priestley
19,567 Points

Hi Atanas, can you post the whole question the challenge is asking please.

Atanas Sqnkov
Atanas Sqnkov
14,981 Points

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

1 Answer

Wayne Priestley
Wayne Priestley
19,567 Points

The code you have looks valid for the question you've been asked Atanas.

Can i suggest copying it, then deleting it and paste it back in and see if that works.

Atanas Sqnkov
Atanas Sqnkov
14,981 Points

Tried it multiple times. Also - many of the mixins and imports that are being shown in these exercises are missing from the official compass documentation.

Wayne Priestley
Wayne Priestley
19,567 Points

If your not too far into the challenge I would suggest logging out, then back in and seeing how that works. I definitely think your code is correct.

Atanas Sqnkov
Atanas Sqnkov
14,981 Points

I woke up this morning, entered the same code and it worked. This is strange.