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

Responsive 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

Images Grid

Test image.

Test image.

Test image.

Nested Grids

Nested 1/2

Nested 1/2

r1/4

r1/4

r1/4

r1/4

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