In this chapter, we have learnt how to create and hopefully understand a very useful media query mixin that will give us the ability to insert media queries inline alongside the other styles that relate to the selector.

In addition, we have considered, tested, and quashed the performance arguments against using media queries in this manner.

Finally, we have taken the time to look at reviewing the CSS we are generating and think about some common problems that could be missed if just looking at the Sass files alone.

Out test site is looking a little healthier at various viewports now. However, it's still a little spartan (as in the empty and plain sense of the word, not the wearing sandals and swinging a sword kind).

In the next chapter, we're going to spice things up a little and see how easy it is to add cross-vendor box-shadows, gradients, and all kinds of crazy. Let's get to it.