If the last row does not have enough columns, there is an option to center them horizontally. If grid items have different heights, they can be centered vertically.
Michael
Beginners Lessons
Ryan
Beginners & Advanced
Diego
Pro Lessons
Emily
Surf Camp
Daniel
Advanced Lessons
Sarah
Corporate Lessons
Jane
Corporate Lessons
Masonry
Enable the masonry layout to create a gap-free layout if the grid items have different heights.
September 12
Friday's spring collection is out. Now you can read my report about it.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.
September 09
My Top-5 Must-Have Home Office Gadgets
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.
September 05
I tested exciting new brand NC INC's products. Check out my review.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.
August 31
Tips on How to Stay Productive at Home
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.
August 08
Self-Improvement Books Everyone Should Own
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit.
July 19
Vacation Season Is Over: Photos and Impressions
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.
Parallax
Enable parallax effect to move single grid columns at different speeds while scrolling.
Relocation Services
Donec quam felis ultricies nec, pretium vene natis vitae elementum quis consequat massa justo rhoncus vitae egestas justo felis sit vehicula sem internis pede mollis enim.
Donec quam felis ultricies nec, pretium vene natis vitae elementum quis consequat massa justo rhoncus vitae egestas justo felis sit vehicula sem internis pede mollis enim.
Donec quam felis ultricies nec, pretium vene natis vitae elementum quis consequat massa justo rhoncus vitae egestas justo felis sit vehicula sem internis pede mollis enim.
Donec quam felis ultricies nec, pretium vene natis vitae elementum quis consequat massa justo rhoncus vitae egestas justo felis sit vehicula sem internis pede mollis enim.
Donec quam felis ultricies nec, pretium vene natis vitae elementum quis consequat massa justo rhoncus vitae egestas justo felis sit vehicula sem internis pede mollis enim.
Donec quam felis ultricies nec, pretium vene natis vitae elementum quis consequat massa justo rhoncus vitae egestas justo felis sit vehicula sem internis pede mollis enim.
To filter the grid items by tags, enable the filter navigation. Define the animation that will be applied to the content items when filtering between them, set the style for the filter navigation and position it in regards to content.
There is an option to open the grid item links in a lightbox gallery. This could be an image, video, or YouTube or Vimeo link. Any other link will be opened in an iframe. Additionally, the title and content can be shown in the lightbox caption.
Since the Grid element displays multiple panels, their settings are explained in the Panel element documentation. Options for the different content fields are very similar across all elements. They are described in the corresponding Headline, Text, Image, Icon and Button elements.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.