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

Posted by Rita Borraccio
Rita Borraccio
1,867 Points

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
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
Xavier Swehla
Xavier Swehla
2,852 Points

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

3 Answers

Larry Coonrod
Larry Coonrod
5,041 Points
Larry Coonrod
Larry Coonrod
5,041 Points

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

Xayaseth Boudsady
Xayaseth Boudsady
21,951 Points
Xayaseth Boudsady
Xayaseth Boudsady
21,951 Points

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%;
     }
}
Rita Borraccio
Rita Borraccio
1,867 Points
Rita Borraccio
Rita Borraccio
1,867 Points

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