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 trialDarby Petersen
775 PointsThe nav element doesn't show at all.
Refreshing doesn't work, and It's broken from the moment I start.
Jason Anello
Courses Plus Student 94,610 PointsWhen you start the challenge you should see a bunch of css in "main.css" You''re not seeing that?
Darby Petersen
775 PointsWhen 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
Jason Anello
Courses Plus Student 94,610 PointsHi 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?
Logan R
22,989 PointsLogan R
22,989 PointsCan you please provide your code?
Try using proper mark-up by putting three ` before and after your code.