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!

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 How to Make a Website Styling Web Pages and Navigation Create a Horizontal List of Links

The nav element doesn't show at all.

Refreshing doesn't work, and It's broken from the moment I start.

Logan R
Logan R
22,989 Points

Can you please provide your code?

Try using proper mark-up by putting three ` before and after your code.

When you start the challenge you should see a bunch of css in "main.css" You''re not seeing that?

When I say that, I meant the green area containing the navigation links wasn't showing. The code challenge still is doable, it's just hard to tell what effect your code is having. It's a problem with the how the preview looks.

1 Answer

Hi Darby,

I see what you mean now. I think the problem is that the supplied css doesn't have a background set for the header or nav. It's still there but you're seeing white text on a white background. You can verify this by click and dragging your mouse over that area and you should see the text highlight.

What you can do is go ahead and add that css into the challenge.

header {
  background: #6ab47b;

It will still allow the challenge to pass and you'll be able to see the effects of your changes in the preview.

If you do make a css change and want to check the preview first then you do need to hit the "refresh" button within the challenge to see your most current changes.

Nick Pettit Is it possible to get some css added to the challenge so the "preview" can be utilized?