Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

The Grid

Spacing of the 
Tablet landscape.

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

1

px

rem

Width128010248064
Height8007685048
Margin2060.3751,25



Columns1612-
Column Width70774,375.813
Column Space80,500
Gutter1860.3751,125



Header24481,5003
Icon max20481,253
Icon min16n.nn.n



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.

Image Added



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.

Info
titleThis is a work in progress. Not final!!!




Best Practice 
Dark and Light Theme.

Info
titleThis is a work in progress. Not final!!!



Image Added