top of page

How to use docking, margins & padding

Learn how to control the positioning of your elements using docking, margins and padding.

In this tutorial, Kayla from the Wix Studio team explains how to position elements using docking, margins, and padding in the Wix Studio Editor. Docking controls an element's position relative to the edges of its parent container, margins set the distance from those edges, and padding creates space inside a section or container. She covers auto-docking, manual docking, and how to adjust margins and padding for responsive design. Get ready to dive in.

EXPLORE MORE CONTENT

How to use Responsive AI

TUTORIAL

How to use Responsive AI

How to use Advanced sizing & units

TUTORIAL

How to use Advanced sizing & units

How to create with Section Grid

TUTORIAL

How to create with Section Grid

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