Versions Compared

Old Version 2

changes.mady.by.user Ron Oemus

Saved on

compared with

New Version 3

changes.mady.by.user Ron Oemus

Saved on

Key

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

The Grid

Image Added

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

Width1920120
Height108067.5
Margin281.75



Columns24-
Column Width704,375
Column Space80,500
Gutter241,500



Header241,500
Icon max241,500
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.

Image Added

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.


Best Practice 
Dark and Light Theme.

Image Added