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 trialsorin vasiliu
6,228 PointsEverything goes crazy when adding nav css, nav elements disappear, header background looks thin ?
Right after I put this in the responsive.css, after the settings for the 480px screen rez, the page goes crazy. Dunno why it does this, if I cut it out, then the page looks good. If I add it, it goes crazy. Any suggestions for where I should search for errors ? Thanks!
This is what I add after the 480px settings:
@media screen and (min-width: 660px) {
nav {
background: none;
float: right;
font-size: 1.125em;
margin-right: 5%;
text-align: right;
width: 45%;
}
}
Ted Sumner
Courses Plus Student 17,967 PointsYou need to post your html and css codes. Use the Markdown Cheatsheet below for proper formatting.
sorin vasiliu
6,228 PointsI found that someone else had a similar issue so I ended up searching the main.css file for errors (since the responsive.css seemed alright), and found a misplaced ":". Deleted that and then it all clicked.
Thanks for the fast replies guys!
Travis Stewart
15,188 PointsTravis Stewart
15,188 PointsAre you using workspaces or a local editor like sublime? Have you tried a different browser?