top of page

How to create with Section Grid

Learn how to lay out your sections using a Grid, dividing it into cells and positioning your elements accordingly.

In this tutorial, we’ll cover how you can use Section Grid to divide your content into cells and create different layouts on each Breakpoint. You’ll learn to add and customize the basic layout of a Grid, customize your Grid cells and how to edit a Grid on every Breakpoint.

EXPLORE MORE CONTENT

How to use Stack

TUTORIAL

How to use Stack

How to create with advanced CSS Grid

TUTORIAL

How to create with advanced CSS Grid

How to use Repeaters

TUTORIAL

How to use Repeaters

What do you think about the tutorial?

More creation-fueling resources

Find the answers you’re looking for.

Join the conversation, get updates and community support. 

Join us on Discord to connect and grow with fellow creators.

Collab with other web design and dev pros.

Get in touch with the Studio team. We're here to help.

New skills, new boundaries to break. 

Start creating

bottom of page