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
Joanna Hughes
2,857 PointsFeedback & Help with Media Queries
Hi All,
Would like some feedback on a homepage I've laid out. They wanted it responsive for mobile in the 400px range. I'm having issues though as between around 1227px and 800px, the top nav breaks. The COMPANY LOGO and the Nav Links should all stay on one line.
I took a mobile first approach so I'm using the "min-width" syntax in the media query. Can anyone tell me what it is that I am doing wrong that is making the responsive layout look so off?
1 Answer
Seth Kroger
56,416 PointsIt looks like the logo and nav together are too wide for the container width, so it's breaking into two lines to make it fit.