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

Posted by 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,579 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,579 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,579 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.