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

My "About" hyperlink stays visible with the navigation background color white after I add the media queries in.

I am not too sure what to do from here, but this is what my coding looks thus far. What changes do I need to make, so that the rest of the navigation links appear?

https://w.trhou.se/vm4qzu465k

2 Answers

Does that mean I would need to select the nav ul li a within my responsive CSS sheet within that media query and put the color/display changes there?

Cory Harkins
Cory Harkins
16,499 Points

After looking at your code, it looks as if there are no color/display changes to your nav ul li a's once your screen goes over 480px.

I know what I did wrong actually. In my main.css sheet, I selected the h1 twice below. I fixed the first selector and changed it over to the header and that fixed everything!

...header { float: left; margin: 0 0 30px 0; padding: 5px 0 0 0; width: 100%; }

logo {

text-align: center; margin: 0; }

h1 { font-family: 'Changa One', sans-serif; margin: 15px 0; font-size: 1.75em; font-weight: normal; line-height: 0.8em; }

h2 { font-size: 0.75em; margin: -5px 0 0; font-weight: normal; }