Responsive Design

I encountered a problem today when trying to implement responsive design into the Shackadelic site. Using percentage widths for wrappers, headers etc works great when resizing the browser window but I wanted to constrain the the max width as my site looked a tad ridiculous when the browser window is resized to, for example, 1200 pixels. After trying out a few different approaches, I eventually found a great post on the (even more great) css-tricks.com. It seems you can constrain the higher level html to a max width which works great!

http://css-tricks.com/limit-html-width/

I’m also using Tim Kadlec’s fantastic “Implementing Responsive Design” book for this – which I highly recommend for those getting started in responsive design. Available from Amazon, as always!