Pro tip: the Less Framework was highly recommended by WordPress pros in our free book, WordPress Meet Responsive Design
The Less Framework uses a CSS grid that takes the toil out of creating beautiful layouts, regardless of whether visitors are viewing your site on a huge desktop monitor, a 15″ MacBook, a tablet, or their mobile phone. Living up to its name, the Less Framework is based on a single, elegant grid made of 68 px columns and 24 px gutters, the only variables being the number of columns shown in the viewport and the width of the outer margins. The Less Framework will help you to create adaptive layouts efficiently, while maintaining visual consistency across devices. What’s more, the Less Framework is available, free, under an MIT license. Yay!
Image credit: “wooden grid” by Toshihiro Oimatsu: CC-BY