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]