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 Wayne Priestley
Wayne Priestley
19,579 Points

Help finding a error

Challenge: 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.

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

This is the message i get:

Bummer! Did you float '.logo' left?

I've gone over this so many times my eyes hurt, can anyone see the error?

13 Answers

Wayne Priestley
Wayne Priestley
19,579 Points

EVERYTHING seems to be working now, it must have been a Gremlin with the challenge stage.

David Parsons
David Parsons
6,743 Points
David Parsons
David Parsons
6,743 Points

I cannot get this to work either. My code is perfect and it works.

I get the "Bummer! Did you float '.logo' left?" error message

I have tried reloading it. Retyping the code. Copy pasting from codepen,copy pasting the code from this page and it doesn't work.

Peter Simmons
Peter Simmons
13,295 Points
Peter Simmons
Peter Simmons
13,295 Points

Tried writing it today and it worked this time. One thing that could possibly be causing it was when i was copying the media query from task one and pasting and then altering it for task two's media query.

This time i made sure i wrote everything from scratch each task and it worked correctly, but then again they might of just fixed it.

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Just thought i'd add…

When i preview it, everything looks as it should, logo on the left, nav on the right. is this a gremlin?

No errors found in codepen.

Michael Kalmykov
Michael Kalmykov
8,919 Points
Michael Kalmykov
Michael Kalmykov
8,919 Points

I'm also getting the "Bummer! Did you float '.logo' left?" error message and my code is spot on! I hope someone on the treehouse team finds and kills the Gremlin!

julianacrispo
julianacrispo
4,105 Points
julianacrispo
julianacrispo
4,105 Points

me too....

Peter Simmons
Peter Simmons
13,295 Points
Peter Simmons
Peter Simmons
13,295 Points

Still happening for me as well

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

If your pasting your code back in can i suggest typing it in from the beginning again.

If it still doesn't work then i guess like me you'll just have to give it time.

I know its not the answer you wanted to hear but its best i can suggest.

David Parsons
David Parsons
6,743 Points
David Parsons
David Parsons
6,743 Points

I have tried both pasting and writing from scratch.

I will try again later on.

Peter Simmons
Peter Simmons
13,295 Points
Peter Simmons
Peter Simmons
13,295 Points

Tried it today and it worked. One thing I did different this time was i didn't copy & paste the media query from task one to task two and then alter it. I just ensured I typed everything from fresh. This might help or it might be just that they have fixed whatever issue there was.

David Parsons
David Parsons
6,743 Points
David Parsons
David Parsons
6,743 Points

Still doesn't work for me. I have tried typing the whole thing from scratch. There are no errors in my code. Very annoying.

David Parsons
David Parsons
6,743 Points
David Parsons
David Parsons
6,743 Points

It just worked. I just copied the code from the Codepen (which was exactly the same as mine) and it worked. Miraculous..

Nyaradzo Matanga
Nyaradzo Matanga
8,446 Points
Nyaradzo Matanga
Nyaradzo Matanga
8,446 Points

hi guys can u help me as wel i cant seem to pass this stage but im positive my code is correct @media only screen and (min-width: 769px) { .logo { float: left; } .main-nav { float: right; } .main { width: 40.425531914894%; } .extra { display: block; width: 23.404255319149%; } }