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

HTML How to Make a Website Responsive Web Design and Testing Adjust the Profile Page and Header

media query for nav --- the list is not visiable when changing from 480px to 660px. what am i missing?

main css nav { background: darkgreen; text-align: center; padding: 10px 0; margin: 20px 0 0; color: #ffffff; }

responsive css nav { background: none; float: right; font-size: 1.125em; margin-right: 5%; text-align: right; width: 45%; }

Evgeniia Mas
Evgeniia Mas
4,452 Points

Hello! Share html and css totally so somebody could try to help you. That information is not enough.

Xavier Swehla
Xavier Swehla
2,852 Points

hey i have the same exact problem, someone please help. tia

3 Answers

You need to copy and paste your code using HTML markup language so we can read it along with description of how you've tried to solve the problem. use this link to learn how to markup code. It is really easy. https://teamtreehouse.com/community/cheatsheet

Make sure you check your media query.

@media screen and (min-width: 660px) {
     nav {
          background: none;
          float: right;
          font-size: 1.125em;
          margin-right: 5%;
          text-align: right;
          width: 45%;
     }
}

I found my issue. The NAV was not inside of the HEADER tags. I musted have missed that during the video lession.