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


Review: Modular Media Queries, 5 questions...picky, Picky, PICKY..

Link to Challenge:


I think these questions come up in semi-random order, but

this one usually comes up first:

The ______________ directive lets us pass custom styles to a mixin when including it.

Here's the reference I found (after some non-trivial amount of time spent searching):


..which (if you can read the SASS docs "technical-ese"),

clearly indicates the answer to this fill-in-the-blanks should be:


With SMACSS, element state selectors are usually prefixed with _______

You'd be forgive if you tried "is-"

But it's not! (Ha! Ha! Fooled you!)

The answer will not pass without a dot (period) at the front of the prefix:


The ________ directive lets us nest a Sass rule without nesting the output.

Of course I tried: '@root'

Utterly and completely wrong!! :stuck_out_tongue_closed_eyes:

The answer actually involves '@at' (pronounced "æt æt"),

(not to be confused with the "at at" walkers of star wars):


One of the Google results if you search for (without quotes):

directive nest a Sass rule without nesting the output

..is this page:


..where the answer is obviously:


The final question that comes up...

Write a condition that will output the media query if the value passed for $break is equal to "med".

_______________ {

  @media (min-width: 769px) {


Of course I knew the answer right away:


Wrong! :anguished:

(Did I mention how much I hate fill-in-the-blank questions...)

No, like just about everything in SASS you've got to throw an '@' symbol in:


Don't even ask me how much of a day I wasted on these five questions. :unamused:

Hopefully these will help someone out there from getting stuck.

Remember you only need to get 4 out of 5 questions right to pass. :thumbsup:

2 Answers

Guil Hernandez
Guil Hernandez
Treehouse Teacher

Hi james white,

Without the @ in the directives, your Sass will return errors. That's why we ask you to include it in the fill-in-the-blank answers. I've also edited the "element state selectors" question to accept an answer without the . Thanks!

Sarika Rani
Sarika Rani
11,214 Points

@if $break == "med" { @media (min-width: 769px) { @content; } }