Grid (fallback) tests

.Grid

renders cells at full-width by default

1
2

removes inter-cell whitespace by default

1
2
3
4

automatically wraps cells across multiple lines when they don't fit a single row

1
2
3
4
5
6
7
8

arranges cells of different heights into clear rows

1

2
3


4
5
6


7
8

supports nested grids

1
Nested 1
Nested 2
Nested 3

.Grid--alignCenter

center-aligns all grid cells but not their content

1
2
3

.Grid--alignRight

right-aligns all grid cells but not their content

1
2
3

.Grid--alignMiddle

middle-aligns all grid cells

1
2


3
4

.Grid--alignBottom

bottom-aligns all grid cells

1
2


3
4

.Grid-cell--center

centers an individual grid cell but not its content

1
2
3: centered cell

.Grid--withGutter[Sm|Lg]

supports gutters of multiple sizes

1
2
3
4
1
2
3
4
1
2
3
4

doesn't apply gutters to nested grids

1
Nested 1
Nested 2
2
Nested 1
Nested 2

correctly aligns gutters within nested grids

1
Nested 1
Nested 2
2
Nested 1
Nested 2

correctly aligns gutters on cells that have been reordered

1
2
3