Component Status
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 oher layout elements? See more in Space & layout section