Flow elements require space (sometimes referred to as "white space") to physically and conceptually separate them from the elements that come before and after them.
The gap property defines how much space there should be between each element in the stack. Available gap sizes are:
Align items along the cross-axis of the flex container,
stretch is the default
Stacks can also be distributed along the horizontal axis.
Note: items within a horizontally oriented
Stackwill not wrap. If you need items to wrap, consider using the
dividers property to separate each element in the stack with a
none is the default option.
You can nest stacks however you like to achieve the desired layout.