Grids Tests

Base Grid

1/2
1/2
1/4
1/4
1/4
1/4
3/4
1/4
1/3
1/3
1/3
1/3
2/3
1/5
2/5
2/5
3/5
2/5
1/6
1/6
1/6
1/6
1/6
1/6
1/6
5/6
1/8
3/8
3/8
1/8
3/8
5/8
7/8
1/8
1/4
1/2
1/4
1/8
1/2
1/8
1/4
1/12
5/12
1/12
5/12
7/12
5/12
1/12
11/12
1/24
5/24
7/24
11/24
17/24
7/24
19/24
5/24
1/24
23/24

Custom Font and Grids

Grids with a serif font stack.

Nested 1/2
Nested 1/2
r1/4
r1/4
r1/4
r1/4

Grids with a monospace font stack.

Nested 1/2
Nested 1/2
r1/4
r1/4
r1/4
r1/4

Wrapping Grids

Wrapping 1/2
Wrapping 1/2
Wrapping 1/3

Responsive Grids

1 -> 1/2 -> 1/4
1 -> 1/2 -> 1/4
1 -> 1/2 -> 1/4
1 -> 1/2 -> 1/4

Nested Responsive Grids

1 -> 1/2
1 -> 1/2
1/4 -> 1/8
1/4 -> 1/8
1/4 -> 3/8
1/4 -> 3/8

.pure-img Images

Grid Inside Table

1/2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus pharetra eros et mattis venenatis.
1/2 Nam neque sapien, lacinia non lectus non, accumsan suscipit ipsum.