Masonry Reviews

Masonry Description

Masonry is a JavaScript grid library. It works by placing elements in the optimal positions based on available vertical spaces, much like a mason fitting stone in a wall. It is likely that you have seen it in action all over the Internet. Your own CSS handles all styling and sizing of items. For responsive layouts, item sizes can be adjusted with percentages. Unloaded images can cause Masonry layouts to be distorted and item elements to overlap. imagesLoaded solves this problem. ImagesLoaded is a separate script that you can download. You can initialize Masonry using HTML without having to write any JavaScript. All options are possible, but it is recommended that you select the item and column width. Align items to a horizontal grid. For responsive layouts with percentage widths, you can use element sizing. You can control the Masonry layout's size within your CSS using element sizing options. This is useful for media queries and responsive layouts.