Introducing the Media Query
In the last post I gave an overview of what responsive design is and what problems it solves. In this post I’ll look at how we can implement a responsive site by looking into the viewport and CSS media queries. This post will not cover design principles such as mobile first or grid systems, but will demonstrate how media queries work and how to apply them to a page.