Elements – Masonry

[vc_row full_width=”stretch_row”][vc_column][stack_hero image=”38″][vc_column_text]

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 →[/vc_column_text][/stack_hero][/vc_column][/vc_row][vc_section css=”.vc_custom_1498162289598{padding-top: 0px !important;}” ebor_docs=””][vc_row css=”.vc_custom_1485825445121{margin-bottom: 30px !important;}”][vc_column width=”5/12″][stack_boxed_content padding=”boxed–lg” background=”bg–secondary”][vc_column_text]

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.[/vc_column_text][/stack_boxed_content][/vc_column][vc_column width=”7/12″][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_column][/vc_row][/vc_section]