The Grid
Spacing of the
Smartphone Portrait.
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 | |
|---|---|---|
| Width | 1280 | 80 |
| Height | 800 | 50 |
| Margin | 20 | 1,25 |
| Columns | 16 | - |
| Column Width | 70 | 4,375 |
| Column Space | 8 | 0,500 |
| Gutter | 18 | 1,125 |
| Header | 24 | 1,500 |
| Icon max | 20 | 1,25 |
| Icon min | 16 | 1 |