Flexible grid system by Michowski

Default usage: responsive columns.

.col-12 .m-col-3
.col-12 .m-col-4
.col-12 .m-col-5

Reversed row (same HTML as above, but row with .row_reversed).

.col-12 .m-col-3
.col-12 .m-col-4
.col-12 .m-col-5

Nested columns.

Columns with offset.

.m-col-3
.m-col-5 .m-offset-4

Auto width columns.

.col-auto
.col-auto
.col-auto
.m-col-auto
.m-col-auto
.m-col-auto
.m-col-auto
.m-col-3
.m-col-auto
.m-col-auto
.m-col-5

Custom column width (grid independent).

width: 40%
width: 60%
width: 200px
.col-auto

Responsive features.

This font is big on large devices.
This is a message for everyone. However, this bold message is displayed only on big screens.
This is some fancy footer.
With cool text alignment.
Made with love by Michowski.