Grid

The grid system helps align page elements based on sequenced columns and rows.

Simplified Grid

Particle UI is having three grid layout system. They are grid grid__col__2 and grid__col__3 and 100 pixel element layout. (eg. class="grid grid__col__2")

Item 1
Item 2
Item 3
Item 4
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6

100 pixel grid layout

To have a uniform grid layout of 100 pixel elements, use

Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9