You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 5 Next »

The Grid

Spacing of the 
web min.

Here you can find all important values for building the web min grid. The grid is divided into two main containers. the header area and the content area.


px

rem

Width128080
Height80050
Margin201,25



Columns16-
Column Width704,375
Column Space80,500
Gutter181,125



Header241,500
Icon max201,25
Icon min161


EdgeOne Boardlet example.
This is how the division of the boardlets within this representation could look like. The Edge One/dSFM layout serves as an example.


Best Practice 
Dark and Light Theme.


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


Best Practice 
Dark and Light Theme.


  • No labels