Do you design your web pages to work on mobile/tablets screens (AKA Responsive web design)?
  v3.0 Posted at 15/06/2016 5:16 AM by Tiago Araujo

You may be nicely equipped with a 21" monitor running at a resolution of 1920x1440px at work, but in a business travel or meeting people will only have their mobile phone or tablet.

Your website should work nicely on screens that vary from a mobile/tablet to a large PC monitor.

Responsive Design
Figure: Good example - A modern website adapts to different screens

Google has a web tool to test how mobile-friendly your site is.

Know more at Responsive Web Design: What It Is and How To Use It.

Go beyond responsive design

Responsive Web Design is great. It lets you alter the display of a web page using CSS to better suit screens of different sizes.

When building websites targeting mobile devices it is only part of the solution, however.

​Figure: Watch the clip with Dino Esposito to find out why

Related rules

    Do you feel this rule needs an update?

    If you want to be notified when this rule is updated, please enter your email address: