With spacing, you can add room inside (padding) or outside (margin) an element.

Spacing can be added for all sides or individual sides (left, right, top or bottom).

When you choose a pixel amount from the dropdown, it applies to all four sides. To add individual spacing, click the Lock icon and add separate spacing for the top, right, bottom and left side.


The auto option can be used to align content in the same way as their flex parent element.


This option can be used on a parent element to move all child elements either up or down along the Y-axis, or left and right along the X-axis. Use positive numbers to move things down or right, and negative numbers to move them up or left.

Negative margin

For margin, you can also apply negative spacing. This pushes the element outside of its boundaries and can be used to make elements overlap, for example.

Let's move on to typography
Read more

Get your no-code fix

Join our monthly email with no-code insights and Ycode updates.
2019 - 2021 © Ycode. All rights reserved.
Terms & Policies