Using the Grid Layout

Learn how to use the grid layout system to create beautiful, structured layouts for your lesson steps. This guide shows you how to create custom grid-based layouts with multiple cells, configure gaps and borders, and even use AI to generate complex layouts automatically.

What you’ll learn

• How to enable grid layout mode for a step
• Drawing custom grid cells on the 12x12 grid system
• Creating horizontal rows and vertical columns for content organization
• Adding components to different grid cells
• Using multiple components within a single cell
• Configuring gap spacing between cells
• Adding visual borders to cells with custom colors
• Using AI to automatically generate grid layouts with specific structures
• Nesting grid layouts within grid cells for advanced layouts

Video Duration

~2 minutes