Why won't my @media queries work?

What is the optimal way of handling media queries in SASS?

• I have read this article - http://css-tricks.com/media-queries-sass-3-2-and-codekit/. I know about the existence of Breakpoint (by https://github.com/canarymason), although, the noob that I am, I don't fully understand how to implement it in my projects. So what's your favorite way of working with media queries in SASS? Many thanks in advance to all Quorans who answer the question!

• Answer:

  I would suggest nesting it normally. Start off by making your page as you always would, then when you get to the mobile friendly part do the following. write: @media (max-width: 979px){ /*Your code here to be displayed when the screen is mobile or tablet landskape*/ } Ofcourse, you would add the content inside, it will then only be working if your browser width is less than 979px, this can be changed to anything and you can add several variables with "and" in between the brackets. Within theese courly brackets, you can nest your css as you normaly would in SASS.