The best way to think of the jQuery Masonry effect is that it's the opposite of css floats. Whereas floating elements with css will organise each block horizontally (see the grid layout), masonry organises each block vertically. The blocks on the page consequently organise themselves based on the next available space below the preceding block, like a jigsaw puzzle or as the name suggests a piece of masonry.
- Create dynamic and flexible layouts using multiple width items as well as equal width items.
- Display any number of core elements from your Joomla or K2 content or images retrieved from a folder.
- Media queries revert all items to a 100% width for smaller screens.