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

Posted by Mary Mae Miral
Mary Mae Miral
2,166 Points

The media query responsive.css for the navigation is not working right.

Please check my code for responsive.css https://w.trhou.se/s8kakniien

Everytime I add the css codes for media query 'Header', nav element, the navigation becomes messed up. The navigation seems displaced.

1 Answer

Martin Mihailovski
Martin Mihailovski
5,646 Points

Hello Mary,

I found that the problem is in your main.css file. Actual:

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

It should be:

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

Problem is in that, after "float: left" you have : instead of ;

Kind regards, Martin

Mary Mae Miral
Mary Mae Miral
2,166 Points

Thanks a lot Martin :)