These days many people access the web through devices that ARE NOT a typical desktop PC or laptop. So how does your current website look when viewed on a smartphone or tablet? You may be in for a nasty shock. You may also be losing potential customers or readers on a daily basis.
A responsive design automatically adapts itself to a particular viewing environment such as desktop, tablet or mobile, without the need for separate layouts for varying platforms. Metro Web Design now provides responsive layouts.
|Label||Layout width||Column width||Gutter width|
|Large display||1200px and up||100px||20px|
|Desktop display||960px to 1199px||80px||20px|
|Portrait tablets||768px to 959px||64px||20px|
|Phones to tablets||767px and below||Fluid||Fluid|
|Phones||480px and below||Fluid||Fluid|
A beautiful, clean, responsive design isn’t going to be much good if the site’s extensions don’t also adjust to suit the visitor’s viewing device. The website extensions we use are built to work with a responsive layout and support mobile touch events, such as 'swipe'.
If you’d like to see how a responsive design works, try viewing this website on different devices. Notice how the layout readjusts accordingly?
When viewed through a small device like a smartphone, the navigation menus of many websites deteriorate into a nasty mess (if they display at all). Using our responsive designs, your mobile visitors will get a clean and functional select-field menu system.