Grids

Laying out using Pure CSS

This is an example site to show how you could use Pure CSS griding system to layout your site.

.pure-g-r

.pure-u-1-2

This takes up half the row size

.pure-u-1-2

This one takes up the other half

.pure-g-r

pure-u-1-3

This one takes 1/3rd of the Column Size

pure-u-1-3

This one takes 1/3rd of the Column Size

pure-u-1-3

This one takes 1/3rd of the Column Size

.pure-g-r

pure-u-1

This greedy fuck takes the whole column width