Spacing

The 4px-grid spacing scale, in rem. The same numeric source feeds both spacing (padding, margin, gap) and sizes (width, height), so the two never drift.

Scale

px1px
0.50.125rem
10.25rem
1.50.375rem
20.5rem
2.50.625rem
30.75rem
3.50.875rem
41rem
51.25rem
61.5rem
71.75rem
82rem
92.25rem
102.5rem
112.75rem
123rem
143.5rem
164rem
205rem
246rem
287rem
328rem
369rem
4010rem
4812rem
5614rem
6416rem