☰

Grid

Essential
Grid

Twelve-column system

Use our grid to create layouts of all shapes and sizes thanks to a twelve-column system. Simple and intuitive

12

1

1

1

1

1

1

1

1

1

1

1

1

1

11

2

10

3

9

4

8

5

7

6

6

4

4

4

3

3

3

3

From column to row

When the width decreases, the 3 columns become rows

4

4

4

One row and 2 columns for mobile

Fully responsive. Below is an example and an in-depth look at how the grid comes together.

4

4

4