You can create a responsive grid system by using a single set of
Col grid assembly, all of the columns (Col) must be placed in
Align and justify working with flexbox and both accept a string or object.
Props accepted: baseline | center | flex-start | flex-end | stretch.
Props accepted: center | flex-end | flex-start | space-around | space-between.
Receives a boolean or array, if you pass just the boolean all breakpoints will be reversed.
To nest your content with the default grid, add a new
<Row>and set of Columns(Col).
Remove gutters from columns