Responsive Web Design

The spectrum of screen sizes and resolutions is widening every day, and creating a different version of a website that targets each individual device is not a practical way forward. This is the problem that responsive web design addresses head on.  

The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries. 

luiz-felipe-245807-unsplash.jpg

Responsive and fluid design

A combination of both these design tactics is the way to go. By using fluid design in combination with responsive design tactics, you can support an infinite number of screen widths.  This is particularly important when clients not just view your landing page but also promotional emails sent to them.  

brittany-neale-596608-unsplash.jpg

Media Queries

CSS Media Queries have progressed to allow web developers to target specific types of web media on multiple levels, such as TV’s, handheld devices, projectors and speech devices.

Not only that, but CSS Media Queries can drill down further, and target media aspects from the width and height of the device, the aspect ratio, the device resolution, and even the orientation of the device.

taylor-hernandez-497485-unsplash.jpg

Testing fluid grids

We utilize a wide variety of different emulators to test whether or not your website will adapt to different devices, platforms, and orientations.