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

juliuslopez company
juliuslopez company
8,100 Points
Posted by juliuslopez company
juliuslopez company
8,100 Points

Bummer! Did you float .logo left? Yes. Yes I did.

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

(formatting lost)

So it seems it doesn't matter if I copy/paste or type this in, this particular code challenge refuses to accept this answer. Previewing this results in logo being on the left, navigation on the right and the 'Extra' div content box displayed to the right of 'Secondary'. Regardless, the error is still thrown out and I'm not able to complete the challenge.

Help please!

:-)

3 Answers

Stone Preston
Stone Preston
42,016 Points
Stone Preston
Stone Preston
42,016 Points

your code looks correct. try refreshing the challenge and trying again. I passed using your code ( i just copied it in and it worked fine) for task 2:

/* Phones to Tablets */

@media only screen and (min-width: 481px) {

  .col { float: left; }
  .main {
    width: 65.957446808511%;
}
.secondary {
    width: 31.914893617021%; 
}
.secondary,
.extra {
    margin-left: 2.127659574468%;
}

}



/* Tablets to Desktop */
@media only screen and (min-width: 769px) {

  .logo { float: left; }

  .main-nav { float: right; } 
  .main {
    width: 40.425531914894%;
}
.extra {
    width: 23.404255319149%;
   display: block;
}
}
juliuslopez company
juliuslopez company
8,100 Points
juliuslopez company
juliuslopez company
8,100 Points

Thank you. I was working in Safari (latest non-beta build). Tried it in Chrome and it worked fine. Appreciate the assist.

Nick Wood
Nick Wood
3,233 Points
Nick Wood
Nick Wood
3,233 Points

I had this problem also - v annoying !!