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.

HTML jQuery Basics (2014) Creating a Mobile Drop Down Menu Perform: Part 3

Quick Fix at 568px

I noticed when scaling down the window my browser seems to not display the navigation at all (Neither the mobile/small screen fix or large screen) at exactly 568px. I use Opera, so this may just be a browser issue I suppose, but i went ahead and change the min width of the second media query in the css file to 569px instead of 568 to prevent this problem.

Not much of a question, just a fix/awareness.

Andrew Chalkley

Ben Rawlins
Ben Rawlins
9,093 Points

Andrew, I am using Chrome and noticed that as well. I did the same thing you did to fix the issue.

It's not a bug. It could be an oversight on the teacher's part. The list-style navigation gets hidden for widths between 320 and 568 inclusive, and the drop-down gets hidden for widths of 568 or more. And that would be another oversight: What if someone uses a width below 320? Both of these scenarios could be oversights, but I like to think of them as hidden challenges. It's possible the teacher could be making these slight errors on purpose to get us thinking.