We’ve covered a lot in this chapter. We have installed the Susy grid system, included it in our project, and then implemented it to create a grid-based layout that responds to different viewport sizes. If we were always using Susy, we could use the at-breakpoint mixin to create media queries, changing the layout structure or appearance of certain elements when needed.

However, there will likely be situations when a grid system isn’t needed. Therefore, we need some independent way of easily creating responsive styles. In the next chapter, we will learn how to create our own media query mixin, giving us the power to easily change styles for any element inline.

In today’s responsive design world, it is one of the Sass and Compass features I find most compelling.