[stack_hero image=”38″]

Masonry

These modular elements can be readily used and customized across pages and in different blocks.


Explore all of Stack’s modular elements
at the Element Index Page →

[/stack_hero]
[vc_section css=”.vc_custom_1498162289598{padding-top: 0px !important;}” ebor_docs=””]
[stack_boxed_content padding=”boxed–lg” background=”bg–secondary”]

Masonry Layout

Stack uses the Isotope plugin to achieve the fitted ‘masonry’ grid effect. A masonry grid requires a parent.masonry element with child .masonry__containerelement. The masonry items are housed inside the.masonry__container element, each inside its own.masonry__item element.

[/stack_boxed_content]
[vc_masonry_media_grid element_width=”6″ gap=”30″ initial_loading_animation=”fadeIn” grid_id=”vc_gid:1498162284082-7030f5e3-2e69-10″ include=”1106,148,134,150″]
[/vc_section]