Figma
Component Status
Up to date
Status
Stable | Outdated
HTML
Available
React
Outdated
Twig
Available
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