Grid

GRID

We use grid system to helps align page elements based on sequenced columns and rows.

Grid with 2 equal items

We have (1x2) grid. To use this you have to add class grid and grid-2 to parent container and child items should contain with this class grid-item .

Code Example :

Section 1

Section 2

Grid with 3 equal items

We have (1x3) grid. To use this you have to add class grid and grid-3 to parent container and child items should contain with this class grid-item .

Code Example :

Section 1

Section 2

Section 3

Grid with menu sidebar and main content

We have (1x2) grid. To use this you have to add class grid and grid-sidemenu to parent container and child items should contain with this class grid-item .

Code Example :

Sidebar

Main Content