PostCSS Maze

Maze is a flexible and semantic mobile first responsive grid built with PostCSS. Maze is fully customisable and removes the reliance on .last-column classes by instead applying the margin to both sides of each element and adjusting the wrapper width accordingly.

Equal elements

1 of 1
1 of 2
1 of 2
1 of 3
1 of 3
1 of 3
1 of 4
1 of 4
1 of 4
1 of 4
1 of 6
1 of 6
1 of 6
1 of 6
1 of 6
1 of 6
1 of 8
1 of 8
1 of 8
1 of 8
1 of 8
1 of 8
1 of 8
1 of 8
1 of 12
1 of 12
1 of 12
1 of 12
1 of 12
1 of 12
1 of 12
1 of 12
1 of 12
1 of 12
1 of 12
1 of 12

Multi row

Using a mobile first aproach, multiple rows can be included in the same wrapper

1/8
1/8
1/8
1/8
1/8
1/8
1/8
1/8
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12

Non equal elements

1/4
1/4
2/4
2/4
1/4
1/4
2/3
1/6
1/6
4/6