Col

A child <Grid/>, meant to be be placed next to other <Grid />s and to wrap around each row automatically (autoflow).

In order to properly autoflow, it assumes that it is placed in a grid with half margin on each side, no margin top and full bottom margin. This allows each <Col> to be placed after each other without having to be concerned on whether the element is at the beginning or at the end of the row.

It is defined here:

https://gymnastjs.github.io/gymnast/?selectedKind=%20Api&selectedStory=Autoflow

Usage

In most cases, if the parent container defines half-gutter left and right margins you can use <Col /> as is, with a size parameter. If you want to modify individual margins you can set a different marginTop, marginRight, marginBottom or marginLeft parameters.