Responsive web design, according to Wikipedia, is an approach aimed at crafting sites to provide an optimal viewing experience – easy reading and navigation with a minimum of resizing, panning, and scrolling – across a wide range of devices, from desktop computers to mobile phones.
Likewise, the responsive mode in Upfront aims to provide a seamless experience for users viewing a site, but more importantly for people who want to create a responsive site with ease that looks fantastic on any device.
In today’s post, we’re going to update the layout of our site for mobile devices. I’ll also explain some of the thinking behind how we designed the responsive mode in Upfront.
This is the sixth post in our series introducing how to use Upfront. We’re adapting an existing Upfront theme – in this case Spirit – and turning it into a completely different site, complete with its own branding, images, custom fonts and responsive layout.