Grid

Browsers support: Modern browsers and IE12+

Grid with equal height columns. Pure CSS, no JavaScript used.

.fx-col-3 - 3/12 = 25%
.fx-padding-all - adds inner padding
.fx-col-6 - 6/12 = 50%
.fx-col-3 - 3/12 = 25%

Grid - responsive

Browsers support: Modern browsers and IE9+

.fx-col-sm-3 .fx-col-2 .fx-col-xl-5
.fx-padding-all - adds inner padding
.fx-col-sm-6 .fx-col-2 .fx-col-xl-5
.fx-col-sm-3 .fx-col-8 .fx-col-xl-2

Grid vertical alignment. Pure CSS, no JavaScript used.

A lot of text
A lot of text
A lot of text
A lot of text
A lot of text
A lot of text
.fx-col-sm-align-top - align to top
.fx-col-sm-align-middle - align to middle
.fx-col-sm-align-bottom - align to bottom
1 line of text