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

Posted by JOSHUA OBRIAN
JOSHUA OBRIAN
Courses Plus Student 7,491 Points

submitting challenges

when doing the media queries challenges they are say there is something wrong with the code on task 3 it was the .wrap saying i do not have the width stated read on the forum and saw that some people had to do 2 or 3 times but yet my code matched exactly what the correct answer is. Went back and redid the challenge and now its stuck on task 2 and saying "did you float '.logo' left. i am assure it is correct due to one i have typed it in and copied and paste. Also when you go to the review page it shows its floated to the left. anyone have any idea why it is doing this

1 Answer

Phillip Gibson
Phillip Gibson
13,805 Points
Phillip Gibson
Phillip Gibson
13,805 Points

I just re-did those 3 challenges and didn't run into any problems. For reference, my solutions were:

/* Phones to Tablets */
@media screen and (min-width: 481px) {
  .col {
    float: left;
  }
}

/* Tablets to Desktop */
@media screen and (min-width: 769px) {
  .logo {
    float: left;
  }

  .main-nav {
    float: right;
  }

  .extra {
    display: block;
  }
}

@media screen and (min-width: 1000px) {
  .wrap {
    width: 980px;
  }
}