- 5KB FLEXBOX GRID -

Blackprint automatically spreads .col elements evenly across 12 columns.

.col
.col

Use .col-n for a specific column width.

.col-6
.col-6

Include sizes .s-n, .m-n, and .l-n to specify columns at those sizes and up (small, medium and large respectfully).

.col .s-6 .m-4
.col .s-6 .m-4 .l-6
.col

Remove the margins between columns by adding .flush to the .row element

.col
.col
.col

Reverse a row by adding .rev to the .row element

First column
Second column

Reorder to be first or last at any breakpoint with .or-f, .or-l, or mix it with a size like so:

First column (.l-or-l)
Second column (.m-or-f)
Third column

Create a full width container by using .container-fluid

.col
.col
.col
.col
.col
.col