Follow
 +61 2 9488 8180     Subscribe To Our Newsletter
Call Metro on   +61 2 9488 8180
  0404 041 050

Responsive Website Layouts

Metro Web Design now provides responsive website layouts

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.

Want a site that looks great on desktops, tablets & smartphones?
 Contact Metro

Responsive Layout Dimensions

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

Responsive Extensions

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?

Responsive Website Navigation Menus

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.

Metro Services

  • Metro Packages +

    Get online fast!

    Metro has a range of package deals which can be tailored to suit your needs.

    Read More
  • Metro Services +

    Website Design in Sydney

    Research tells us you have just 6 seconds to make an impact. Our websites are visually striking.

    Read More
  • Website Doing Its Job? +

    Does your website work?

    Here are 3 key signs that you urgently need to overhaul or rebuild your website...

    Read More
  • Contact Metro in Sydney +

    Metro can help!

    Have a Web Design question? Call us or send us an email. We'd like to hear from you!

    Read More
  • Metro Pricing Info +

    How much will it cost?

    There’s no simple answer to this question but our pricing guide should help shed some light.

    Read More
  • Client Testimonials +

    What our clients Say

    To make your choice of website designer easier we've included some client feedback here...

    Read More
  • 1