Grid

The grid system ensures responsive and consistent layouts across Desktop, Tablet, and Mobile screens. This section defines the grid configurations for each device, helping maintain a flexible and organized design across all platforms.

 

grid / spacing
32px
32px
desktop
32px
32px
tablet
16px
16px
mobile

Name

Mobile

Tablet

Desktop

1col

1 column

1 column

1column

2col

2 columns

2 columns

2 columns

3col

3 columns

3 columns

3 columns

4col

4 columns

4 columns

4 columns

5col

5 columns

5 columns

5 columns

6col

6 columns

6 columns

6 columns

12col

12 columns

12 columns

12 columns

Narrow

6 columns

10 columns

12 columns