Symmetric (Equal) Grids
12
6
6
4
4
4
3
3
3
3
2
2
2
2
2
2
1
1
1
1
1
1
1
1
1
1
1
1

Asymmetric (Un-Equal) Grids
1
11
2
10
3
9
4
8
5
7
6
1
5
4
3
1

Asymmetric -> Custom Grids
1
10
1
2
8
2
3
6
3

Asymmetric -> Compound Grids
3
1
2
2
1
3

Columns within columns
4->5
4->7
3
5

HTML5 Semantic
section -> article
section -> article
section -> article