Through the layout options, you define how elements within your row or column container are placed. It might seem daunting at first but once you get the hang of it, it actually makes a lot of sense. Lets dive into each option.

With the direction toggle you set if a container acts as a Row container (Vertical) or a Column container (Horizontal).

If you place elements into a Row container, these will be stacked on top of each other. When utilizing a Column, elements placed into a column layout are placed side by side.

You can select the Gap between Elements in a Row or Column container, measured in a number of pixels. These can be set both horizontally & vertically individually. Clicking the icon links these values together and are adjusted at the same time.

With the distribution option, you can set the behavior of how elements within a row or column container are stacked.

When distributing in a Box element you decide the point at which the positioning of Elements should start and be related to in the Direction you selected.

Distribution doesn't change the order of layers, meaning that however you distribute, the first Element in the Layers panel will always be the top-most within a column or left-most Element within row.

When aligning in a Row or Column container you position the Elements it contains in the secondary direction. That is, you decide the point at which the positioning of Elements should start and be and be related to in the direction you selected as secondary.

Alignment doesn't change the order or your elements, meaning that however you align,

If you set the Wrap to No for a Column or Row container, Elements that fall outside the outer limit of it's container will either be cut off or be shown outside the Box element based on the Overflow setting under the Size options.
​
If you set the Wrap to Yes on a ,Column or Row container the Elements that go beyond the outer limit of it's container will be stacked in the next available space.