By Ian Haynes.

Sometimes simply floating everything ‘left’ (particularly images) in a responsive page layout isn’t the ideal option. You end up having empty spaces with some screen sizes and awkward looking layouts with others. The Masonry plug-in solves this by laying objects out horizontally and achieving the best fit for the available space, ‘just like a mason fitting stones in a wall’.

The plug-in is available at https://github.com/desandro/masonry/

Documentation and demos at http://masonry.desandro.com/index.html

Ian Haynes
Microsoft MVP for Expression Web

http://www.ew-resource.co.uk/

Ian is a front end/back end developer currently focusing on HTML5/CSS3 and mobile responsive design. A regular poster on the Expression Forums and Gallery.