The Grid

Spacing of theÂ
web max.
Here you can find all important values for building the web max grid. The grid is divided into two main containers. the header area and the content area.
px | rem | |
|---|---|---|
| Width | 1920 | 120 |
| Height | 1080 | 67.5 |
| Margin | 28 | 1.75 |
| Columns | 24 | - |
| Column Width | 70 | 4,375 |
| Column Space | 8 | 0,500 |
| Gutter | 24 | 1,500 |
| Header | 24 | 1,500 |
| Icon max | 24 | 1,500 |
| Icon min | 16 | 1 |
Edge One Boardlet example inside this Grid.
This is how the division of the boardlets within this representation could look like. The Edge One/dSFM layout serves as an example.

X-Series Boardlet example inside this Grid.
This is how the division of the boardlets within this representation could look like. The X-Series/Objective layout serves as an example.
