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

Posted by John Smith
John Smith
3,541 Points

Code won't pass the quiz

The link for the quiz: http://teamtreehouse.com/library/css-foundations/media-queries/adaptive-layouts-with-media-queries

quiz question (#2): Under "Tablets to Desktop," create a new media query that floats ".logo" left and ".main-nav" right if the viewport is 769px or wider. Then, add all other "Tablets to Desktop" rules inside the media query. Finally, create a new property inside the ".extra" rule that displays it as a block element.

The error I receive when i try to pass the second part: Bummer! Did you float '.logo' left?

my code:

@media only screen and (min-width: 769px) {
    .logo {
      float: left;
    }    
    .main-nav {
      float: right;
    }
    .main {
      width: 40.425531914894%;
    }
    .extra {
      width: 23.404255319149%;
      display: block;
    }
}
Adeeb Syed
Adeeb Syed
3,275 Points

I was having a similar problem. I just closed the page and restarted the challenge and it worked.

John Smith
John Smith
3,541 Points

Thanks that worked.