Grids and Galleries

Use the Grid and Gallery elements to arrange repeated content in responsive columns and rows, from posts, services and team members to portfolios, photo galleries and product collections. The Grid is ideal for flexible card layouts, while the Gallery puts images and videos at the center with overlays and captions layered directly on the media.

Combine titles, meta information, content and links with images, videos and optional hover media. Open media in a lightbox gallery, or use tags to filter items with smooth animated transitions. Galleries can also mix portrait and landscape images while preserving their proportions.

Choose the number of columns at each breakpoint and adjust column and row gaps separately. Center incomplete rows, align items of different heights or switch to a masonry layout to arrange uneven content without gaps.

For more dynamic layouts, move columns at different speeds with parallax or justify columns on scroll so uneven rows gradually align at the bottom.

• 

  Grid

• 

  Gallery