Spacing
Tailwind's default 4px base scale. All padding, margin, and gap values follow this grid.
0
0px
p-0
0.5
2px
p-0.5
1
4px
p-1
1.5
6px
p-1.5
2
8px
p-2
3
12px
p-3
4
16px
p-4
5
20px
p-5
6
24px
p-6
8
32px
p-8
10
40px
p-10
12
48px
p-12
16
64px
p-16
20
80px
p-20
Component spacing conventions
- p-3Dense rows (table cells, compact inputs)
- p-4Default button & input padding
- p-5Card inner padding
- p-6Section / modal body padding
- px-10Page content horizontal padding