Figma
Component Status
Up to date
Status
Stable
HTML
Up to date
React
Up to date
Twig
Up to date
Design Usage
Grid is the essential responsive component that should be placed on every page. On the grid are placed all components and compositions. There are these variants:
|
Name |
Number of columns on default (Mobile) version |
Number of columns on tablet version |
Number of columns on desktop version |
|---|---|---|---|
|
1col |
1 |
1 |
1 |
|
2col |
2 |
2 |
2 |
|
3col |
3 |
3 |
3 |
|
4col |
4 |
4 |
4 |
|
5col |
5 |
5 |
5 |
|
6col |
6 |
6 |
6 |
|
12col |
12 |
12 |
12 |
|
Narrow |
6 |
10 |
12 |
Relevant Sources
Are you interested in other layout elements? See more in the Space & layout section