Now that we've seen how to use Less to manage the appearance of our content, what about making sure it fits on the page? Ah yes—isn't this where media queries come in to play…?

Before the advent of smartphones, most websites would be built at a fixed width—small enough to fit on laptops or PCs so that most end users would have a consistent experience.

However, now that more and more people are using mobile devices, the need to design content that can be seamlessly viewed on each device has increased. Gone are the days where you had to have the skills of a surgeon to view content, and work a mobile device—people are increasingly more comfortable viewing content on mobile devices.

How do we get around this? Easy—welcome to the world of media queries! An essential component of responsive web design, we can use media queries to build a site that can be seamlessly viewed over multiple platforms.

I guess you're thinking—how can Less help here? No problem. In this...