Responsive Design

Responsive Design is a way of designing and building websites so that they gracefully and automatically adapt to different screen sizes and orientations. The approach relies on creating designs that are based upon a fluid grid where the layout changes depending on the screen width that is available and using fluid images that can automatically resize to fit the available space.

What it provides

More and more users are visiting websites using their smartphones and tablets, and more and more devices are being introduced to the market that offer a variety of screen sizes and resolutions. Users now expect to access a website using their mobile device and if the website is not usable, they will give up and go elsewhere. This places a huge challenge for organisations. For many, providing a mobile website is critical to their business and yet, building and maintaining custom web designs for each type of device can be prohibitively expensive.

The Responsive Design approach was developed to solve this problem. It provides the mechanism to design, create and maintain a single website that can be used across mobile and desktop devices. Although a responsive site can be more complex to design, build and test, overall it is the only cost-effective way to deliver a web site that works effectively on a multitude of mobile devices.