Grid Element

Video Series • December 2, 2019

The Grid Element is a powerful tool and in this video we will explore the basic layouts such as native gaps between cells, content aligment and many more.

Join us in this video as we give auto-responsive layouts in CSS Grid a go!

Explore how to use Grid's Template Rows and Columns to create overlapping content that works on any responsive device.

In this video we'll take a look at masonry layouts in Grid and go into depth on when and when to not use it.

Repeating rows of squared that respond with the viewport is also called Moasic and in this video you can learn how to achieve it in X and Pro.

This advanced layout video takes a look on how to create gaps between content and using template rows as well as columns rather than the actual Gap control.

By using the new Grid Element in Pro you can easily achieve stunning layouts after watching this video.

This video of a series shows you how to take advantage of the native theme section divider options and how to tweak them for achieving exciting layouts.