Media queries have rapidly become a de facto part of responsive web design. Throughout this chapter, we saw how to use Less to make the process easier to manage within your code.

We started our journey through media queries with a brief introduction, followed by a review of some of the limitations that we must work around and considerations that need to be considered when working with clients.

Next came a brief exploration of the media types and features that we can use when working with Less; we took a look at the logical operators we can also use to create queries that test for multiple types or features. We then covered how to create a simple media query, with a quick look at how best to show responsive views in browsers, before continuing with a more practical example of a single page from a demo portfolio site. We saw how first we can create our basic page, before adding the requisite code to turn it into a responsive one.

We then moved on to take a brief look at how to improve...