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

Keith Curbelo
Keith Curbelo
3,318 Points
Posted by Keith Curbelo
Keith Curbelo
3,318 Points

Layout issue

When I apply the nav{..} under "@media screen and (min-width:660px){...}" to appropriate the size of the web page, for some reason it makes my header really small and the nav links are not placed inside the header, they move to the body and outside of the green. Also my Header links become hidden as well. I am lost.

https://teamtreehouse.com/workspaces/26303502# http://port-80-gqfqsex10s.treehouse-app.com/index.html

1 Answer

Katherine Ebel
Katherine Ebel
43,799 Points
Katherine Ebel
Katherine Ebel
43,799 Points

Hi Keith, Try adding property overflow: auto; to your header. I think your header is collapsing because you are floating the logo. I haven't done this project in a very long time, so I don't remember too much about it, but the header doesn't collapse when adding that property to it...(At least it didn't when I tried in browser)

Keith Curbelo
Keith Curbelo
3,318 Points
Keith Curbelo
Keith Curbelo
3,318 Points

It worked. I guess that is what I was missing. Thank you so much!