Grid Element
Create responsive content grids with cards, hover media, lightbox, filters, and dynamic layouts.
The Grid element displays repeated content in responsive columns and rows for posts, services, team members, or product collections. From simple cards to complex, filterable content overviews.
Each grid item can combine title, meta information, content, images, videos, links, and optional hover media.
Show different images or videos on hover to make your grid more interactive.
Open images and videos in a lightbox gallery to see them in full and reveal additional information as captions.
Use tags for interactive filters with smooth animations.
Choose the number of columns for each breakpoint and adjust column and row gaps separately.
If the last row is not complete, center it automatically. And if grid items have different heights, align them vertically for a more balanced layout.
Or choose a masonry layout to arrange items with different heights without gaps.
Add a parallax effect to move grid columns at different speeds while scrolling.
And if columns have different heights, justify them on scroll so they gradually align at the bottom.
