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 Rasheen Marrero
Rasheen Marrero
1,262 Points

Navigation isn't floating to right or changing at all (How to make a Website)

https://w.trhou.se/dl3yi91mls

Here is a screenshot. For some reason I can't get the nav layout to change when the site is displayed beyond a width of 660px.

Riku S.
Riku S.
11,322 Points

Hi Rasheen, check your media query, it's missing a colon after min-width. Here is corrected code:

@media screen and (min-width: 660px) {
...

1 Answer

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,254 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,254 Points

Hi Rasheen,

There's just a small but critical typo in your code,

@media screen and (min-width: 660px) { }

Remember to separate your condition and value when specifying the condition. :-)

Rasheen Marrero
Rasheen Marrero
1,262 Points

Thank you, wow. I have no clue how I missed it for so long haha.