A website which fits on the screen of a mobile phone or tablet is becoming more crucial. With the rise in popularity of handheld devices, you need to be able to present your website in a variety of screen widths.
Normally, a website is designed to fit within a certain screen resolution (assuming you want to keep control over formatting - it was also common to use fluid table layouts which would fill the screen). It was generally only possible to build screen-resolution-specific websites by contructing several different layouts (one for each resolution you want to accomodate).
With a responsive layout, this is no longer required. Each module (or position) on a page can be handle in one of two ways, as the screen width is reduced:
it can reduce in width proportionally
or it can be made to turn off once a certain minimum width is reached
You can resize this website right now just by resizing your window.
1. Or use this button to open our website in a new, smaller window:
2. Then click this button to resize that window to a larger view: