CHARLIEPERRINS.com

Responsive Design Improvements

Having watched a few great short video tutorials from Think Vitamin, especially Responsive Web Design for Mobile by Keir Whitaker and a couple of videos by Nick Pettit, I’ve improved the responsive layout on the site.

Images now resize correctly, the footer columns stack up vertically, and most importantly I ditched the width: 100%; style on the main column in favour of width: inherit; (and killed a float that was causing trouble).

The site now adjusts nicely when viewed on handheld devices. There’s a shout to look at an intermediate layout for netbooks and tablets though – I guess that’s something for next week.