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!

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

Janice Kaluza
Janice Kaluza
4,054 Points
Posted by Janice Kaluza
Janice Kaluza
4,054 Points

Did you float logo left?

The code looks right to me & displays correctly, but I still get this error!

2 Answers

Laura Cressman
Laura Cressman
12,548 Points
Laura Cressman
Laura Cressman
12,548 Points

Hi Janice, Did you remember to put the media query at the top? I tried this and it worked. Hope this helps!

@media screen and (min-width: 481px) {
  .col {
    float: left;
  }

  .main {
    width: 65.957446808511%;
  }
  .secondary {
    width: 31.914893617021%; 
  }
  .secondary,
  .extra {
    margin-left: 2.127659574468%;
  }
}
Janice Kaluza
Janice Kaluza
4,054 Points
Janice Kaluza
Janice Kaluza
4,054 Points

Thanks, Laura. I passed the test. Not really sure exactly why it worked the 2nd time. . .