Make it work on a Mobile

… was the overriding instruction given to us when we took on the project of revising the Babbacombe Inn’s website.

To be fair, the existing website ‘worked’ on a mobile [smartphone], just not very well. So we set about creating a responsive design that adapted itself to the browsing device. Away went the Flash graphics (not supported) and the fixed-width images, and in came fluid widths and elements that repositioned depending upon the screen width.

Take a look at the following images which show the same web page when viewed on two different width screens:

Babbacombe Inn wide screenshotBabbacombe Inn narrow screenshot

These pages are the same piece of HTML code, just styled differently by some ‘clever’ CSS. We’re proud of the result, which we think gives a striking and compelling website however you look at it.

To see for yourself, go to