Almost every new client these days wants a mobile version of their website. It’s practically essential after all: one design for the BlackBerry, another for the iPhone, the iPad, netbook, Kindle — and all screen resolutions must be compatible, too. Responsive web design is a way of making a single website that works effectively on both desktop browsers, Tabs and the mobile devices on the market. Responsive architecture gives the best quality browsing experience - whether on a smartphone, tablet, netbook or e-reader, and regardless of the operating system.
The purpose of responsive design is to have one site, but with different elements that respond differently when viewed on devices of different sizes. When viewed on a desktop computer, for instance, the website might show three columns. But when you view that same layout on a smaller tablet, it might force you to scroll horizontally, something users don’t like. Let’s take a traditional “fixed” website.