.flow-<x/y> applies horizontal or vertical rhythm for elements. Based on the Owl selector, spacing between the elements is arranged.
.flow behaves can be controlled with several utility classes.
.flow-g-<name>: set the gap between the elements, based on
$feo-sizes. Note, this setting works with
.flow-next-<name>: can be set on a child. Alters the gap between chosen child and the next child (the effect is applied to the next child). Based on
.flow-self-<name>: can be set on a child. Alters the gap between the chosen child and the previous child (the effect is applied to itself). Based on
.flow-grow: sets the margin of the element to
margin-<top/left>: auto. This allows the element to grow and take the available space (similar to