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 How to Make a Website Responsive Web Design and Testing Adjust the Profile Page and Header

Matthew Owen
Matthew Owen
3,252 Points

Navigation Stacking Question

As I was following along I noticed that the navigation stacks up on the right side when the screen is at a specific size. If you watch the video slowed down you can see it happen at 7:10. It isn't a big deal since most people don't tend to change the screen size while looking at sites and it is only occurs at a specific and unusual screen width, but I would like to know how to fix it if it's not too difficult. Can anyone help?

2 Answers

I've quickly checked the video around the time you mentioned, but not the code - however you may be able to "fix" this by changing the width at which that media query takes effect - for example if it has a max-width of 670px (which is the point in which the nav clears) try changing it by a few pixels until this doesn't happen.

Matthew Owen
Matthew Owen
3,252 Points

Thanks Paul! It worked when I changed the max-width to 685px.