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 Unused CSS Stages Media Queries Adaptive Layouts with Media Queries

Media query challenge part 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.

Message: BUMMER Did you float the logo left YES here is my code

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

3 Answers

I put your css into the code challenge and it passes. Do you have this at the bottom?

not sure what your referring too? have what at the bottom ? I put it under the appropriate section in the stylesheet I believe. maybe that is it please clarify what you are referring too. I figured I was making some type of careless mistake or a syntax error. Thanks Byron

I meant at the bottom of the file after the first media query. I don't think you have a syntax error in what you posted because I copied and pasted it into the code challenge and it worked.

Check if you properly closed off the first media query.

hi i redid the entire code and got it to work Thanks for the help. must have forgot a { or ; somewhere .