Grid

Grid is a layout system with rows and columns making it easier to design screens.

Individual usage

Grid with two items

This grid has two columns but rows are unlimited.

Default :none

Container class :grid-2

Grid with three items

This grid has three columns but rows are unlimited.

Default :none

Container class :grid-3

Grid with gap

Grid elements can be seperated with the property gap. There are 5 size of gap provided.

Default :gap-1x

Size class :gap-1x gap-2x gap-3x gap-4x gap-5x