JH logo Created with Sketch

Why is Responsive Web Design important?

RWD has become essential for today’s websites as the amount of mobile traffic now accounts for more than half of total internet traffic1. With 3.5 billion mobile internet users worldwide 1, this figure has now surpassed the number of desktop Internet users.

If you want users to visit and interact with your website, it’s important to make their user-experience (UX) as good as possible no matter what device they’re viewing your site on. These days, a user won’t tolerate having to pinch, zoom and side-scroll to be able to view your content.

Google has also started to boost the ratings of websites that are ‘mobile friendly’ in a move described as ‘mobilegeddon’2.

  • Laptops & Desktops

  • Smartphones

  • Tablets

  • Other devices


1. 'We Are Social' - Digital in 2017: Global Overview
2. BBC News - Google's 'mobilegeddon'

mobile traffic now accounts for more than half of total internet traffic

How is a Responsive website made?

A Responsive website design is achieved through the use of a fluid layout built with HTML and CSS and usually constructed within grids scaled by proportion rather than in fixed pixel widths.

The layout of a page may change where the browser window is small. For example, columns may stack on top of each other until there is enough width for them to be placed side-by-side.

Fluid images are used so that they fit the available space and will scale up or down whilst maintaining their correct proportion and not be stretched or squashed.

Design considerations

The best way to tackle any RWD website project is to plan the design ‘mobile first’. This approach starts with the core page content in a design optimised for the small display on a mobile. Then, the layout can change with more styles being progressively introduced (sometimes with additional content) as the available screen space increases on larger devices.

This means that the user always gets the best possible experience taking into account the size of their browser window and the features supported by their browser.

Make sure your website performs

on every screen size

Let's talk

Examples of my work
Twitter latest
  • RT : For anyone else who knows this pain
    12 months ago
  • RT : Hey all you cool cats and kittens 🐈 We now support blurred alpha masks. Watch it in action with and give it a go you…
    2 years ago
  • Woke to the exciting news that I've received the HubSpot Champion User award! #hubspotchampionuser
    4 years ago
  • RT : We've been hard at work adding new features in #BitbucketDeployment. Read on to find what's new -
    4 years ago
  • RT : Amazing
    5 years ago
  • 5 years ago

Web Designer and Developer

All rights reserved
Registered in England & Wales: 08617669
Registered office:  1 The Framptons, East Preston, West Sussex, BN16 1BD, United Kingdom. +44 (0)7999 158066 Jeremy Hickman Limited