top of page

Perfect your positioning

Design with positioning in mind. Learn how to set the right docking and margins to ensure your elements stay in the right place as screen sizes change.

Docking and margins help you control positioning across breakpoints. By docking elements to the right edges of a section or container and setting clear margins, you give them rules that keep their positions predictable as the canvas changes. The result is a layout that feels intentional no matter the screen size.


EXPLORE MORE CONTENT

Design across breakpoints with Section Grid

TUTORIAL

Design across breakpoints with Section Grid

Adding slideshow repeaters

TUTORIAL

Adding slideshow repeaters

How to use Docking, Margins and Padding

TUTORIAL

How to use Docking, Margins and Padding

What do you think about the tutorial?

More creation-fueling resources

Help Center

Find the answers you’re looking for.

Help center

Forum

Join the conversation, get updates and community support. 

Customer Care

Community

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

Community

Marketplace

Collab with other web design and dev pros.

Marketplace

Customer Care

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

Customer Care

New skills, new boundaries to break. 

Start creating

bottom of page