Spacing controls the empty space between and around elements inside a container. It's an essential tool for creating balanced, readable layouts. All spacing in Instant is measured in pixels (px).
Types of Spacing
There are two main types of spacing you can adjust:
Spacing Around controls the space between elements within the same container. It determines how far elements are from each other.
Spacing Inside controls the space between the container’s outer edges and the elements inside it. This works like padding, creating internal space around your content.
Customizing Spacing Directions
For both Around and Inside spacing, you can choose how spacing is applied:
Linked spacing: Set one value for horizontal spacing (left and right) and one for vertical spacing (top and bottom).
Individual side spacing: Set separate values for top, right, bottom, and left.
You can switch between these options by clicking the icons on the right side of the Spacing section in the editor.