---
title: What is Responsive Design?
description: Responsive web design is a lower cost alternative to building multiple device-specific websites.
image: https://blog.hellomethod.co.uk/hubfs/Blog%20Headers/responsive@2x-new-size.jpg
---

![](https://blog.hellomethod.co.uk/hubfs/Blog%20Headers/responsive@2x-new-size.jpg)

![Picture of James Roberts](https://blog.hellomethod.co.uk/hubfs/Team%20Avatars/James%20Roberts.svg) By [James Roberts](https://blog.hellomethod.co.uk/author/james-roberts)

# What is Responsive Design?

![](https://blog.hellomethod.co.uk/hubfs/New%20Brand/white-curve-top.svg)

Responsive web design is a lower cost alternative to building multiple device-specific websites.

The mobile is here to stay. Searches on mobile devices are set to surpass desktop by 2015 at the latest, so only targeting desktop machines could be losing you money!

Everybody now wants a mobile version of their website (and why wouldn't they, desktop computers are becoming more redundant day-by-day). We could design a range of different websites, one to work on Blackberry, another to work on an iPad, then Kindle, and not forgetting the Netbook. Not only that, all screen resolutions must be compatible too. But, there is a better way... [Responsive web design.](https://www.hellomethod.co.uk/services/web-design-and-development/)

In a nut shell, a responsive website changes its content and design layout based on the size of the user's screen.

Behind the pretty fluid design exterior the website is coded using percentages rather than fixed pixels to allow the whole website to move and re-adjust as the screen size does.

Our very own website has been built using this clever system, so test it out by dragging the corner of your browser window to see the design change. Sorry to all those who are viewing/reading this on an iPhone or tablet, we have already done the hard work for you! :) - clever isn't it!

[Web Development](https://blog.hellomethod.co.uk/tag/web-development) [Web Design](https://blog.hellomethod.co.uk/tag/web-design) [Responsive Web Design](https://blog.hellomethod.co.uk/tag/responsive-web-design) [Mobile](https://blog.hellomethod.co.uk/tag/mobile) [iPhone](https://blog.hellomethod.co.uk/tag/iphone)

![](https://blog.hellomethod.co.uk/hubfs/New%20Brand/dark-top.svg)

## Stay Ahead with Method

Join our community of forward-thinking professionals. Subscribe to receive the latest insights on marketing, design, and innovation directly to your inbox.

![](https://blog.hellomethod.co.uk/hubfs/grey-curve-top.svg)

## Related Articles

[All articles ![](https://blog.hellomethod.co.uk/hubfs/New%20Brand/orange-link-arrow.svg)](https://blog.hellomethod.co.uk/)

[![](https://blog.hellomethod.co.uk/hubfs/Blog%20Headers/smart-customer-new-size.jpg) ](https://blog.hellomethod.co.uk/a-smart-customer) ![Paul Jackson](https://blog.hellomethod.co.uk/hubfs/Team%20Avatars/Paul%20Jackson.svg)

### [By Paul Jackson A smart customer ![](https://blog.hellomethod.co.uk/hubfs/New%20Brand/dark-link-arrow.svg)](https://blog.hellomethod.co.uk/a-smart-customer)

[![](https://blog.hellomethod.co.uk/hubfs/Blog%20Headers/growth-driven-design-new-size.jpg) ](https://blog.hellomethod.co.uk/the-cost-effective-way-to-improve-your-website) ![Martin McKee](https://blog.hellomethod.co.uk/hubfs/Team%20Avatars/Martin%20McKee.svg)

### [By Martin McKee The cost-effective way to improve your website ![](https://blog.hellomethod.co.uk/hubfs/New%20Brand/dark-link-arrow.svg)](https://blog.hellomethod.co.uk/the-cost-effective-way-to-improve-your-website)

[![](https://blog.hellomethod.co.uk/hubfs/The-importance-of-your-website-your-global-store.jpg) ](https://blog.hellomethod.co.uk/the-importance-of-your-website-your-global-store) ![James Roberts](https://blog.hellomethod.co.uk/hubfs/Team%20Avatars/James%20Roberts.svg)

### [By James Roberts The importance of your website, your global store ![](https://blog.hellomethod.co.uk/hubfs/New%20Brand/dark-link-arrow.svg)](https://blog.hellomethod.co.uk/the-importance-of-your-website-your-global-store)