Grid

Grids are used to build fluid layouts. These come in handy when you want to represent data in the form of rows & columns.


Two column grid layout

item 1
item 2
                    
                    
item 1
item 2

Three column grid layout

item 1
item 2
item 3
                    
                    
item 1
item 2
item 3

Two column grid layout - one column wider

item 1
item 2
                    
                    
item 1
item 2

Autofit grid layout

This style fits as many columns as possible in the given space.

item 1
item 2
item 3
item 4
item 5
item 6
                    
                    
item 1
item 2
item 3
item 4
item 5
item 6