Responsive CSS

I made my website more ‘Responsive’ this week after reading this great article.

By adding in a new media query which, detects if a user is viewing my website on a device with a screen resolution of 480px or less, (iPhone users etc) a new CSS file is used called iphone.css which, I then use to optimise the site for mobile browsers.

It didn’t take me very long to do; only a couple of hours, and I think it makes the site much easier to navigate now than when trying to use the full version of the website on your mobile.