Grid

Breakpoints:

Breakpoint Screen size Class example
Extra small and all screen sizes 0px and above fx-g__box--12
Small 576px and above fx-g__box--sm-12
Medium 768px and above fx-g__box--md-12
Large 992px and above fx-g__box--lg-12
Extra large 1200px and above fx-g__box--xl-12

Grid with equal height columns:

Grid box 1
Grid box 2
Grid box 3
Grid box 6
Grid box 5
Grid box 7
Grid box 4
Grid box 8

Layout example:

Header
Content
Sidebar
Footer

No gap between columns

Grid box 5
Grid box 7
Grid box 4
Grid box 8

No gap between rows

Grid box 5
Grid box 7
Grid box 4
Grid box 8

Responsive grid

Grid box 7 and 3 on small screen and above
Grid box 5 and 9 on small screen and above
Grid box 3 and 6 on medium screen and above
Grid box 9 and 6 on medium screen and above