In this Framer tutorial, we show you how to add and edit grids on your site.
Why are grids important?
Grids help create even columns with gap control, making layouts consistent across your Framer site. Grids are great for CMS sections, portfolio blocks and other areas where consistency is key.
Quick steps
- Select your stack
- Navigate to the Layout section in the right-hand panel
- Toggle from a Stack to a Grid
- Adjust the number of columns and rows in your grid
- Adjust other settings like gap spacing (between columns) and padding (around the entire grid)
