The flex layout has no max width and can be mixed and nested as necessary. The total number of columns is simply the sum of the -f#s. Items in a .row are top aligned by default.

col 1
.col-f1
col 1
.col-f1
col 1
.col-f1
col 1
.col-f1
col 1
.col-f1
col 1
.col-f1
col 1
.col-f1
col 1
.col-f1
col 1
.col-f1
col 1
.col-f1
col 1
.col-f1
col 1
.col-f1
col 2
.col-f2
col 2
.col-f2
col 2
.col-f2
col 2
.col-f2
col 2
.col-f2
col 2
.col-f2
col 3
.col-f3
col 3
.col-f3
col 3
.col-f3
col 3
.col-f3
col 4
.col-f4
col 4
.col-f4
col 4
.col-f4
col 5
.col-f5
col 2
.col-f2
col 5
.col-f5
col 6
.col-f6
col 6
.col-f6
col 7
.col-f7
col 5
.col-f5
col 8
.col-f8
col 2
.col-f2
col 2
.col-f2
col 9
.col-f9
col 1
.col-f1
col 1
.col-f1
col 1
.col-f1
col 10
.col-f10
col 2
.col-f2
col 11
.col-f11
col 1
.col-f1
col 1
.col-f1
col 1
.col-f1
col 1
.col-f1
col 1
.col-f1
col 1
.col-f1
col 1
.col-f1
col 1
.col-f1