Flexbox
CSS helpers are available to help you build a grid system based on flexbox css property.
A row flex container is splitted into 12 or 16 columns specified in the flex-column attribute.
Each flex item inside a row flex container has a width from 1 to the number of columns.
If no width is specified, the flex item will fit the available width inside the row.
A gutter can be specified to separate flex items inside the row (8px, 16px, 24px).
Row or column flex container, align and order options are avaialable.