You need to enable JavaScript to run this app.
TailwindCSS Matcher
Find the nearest value to your design
🎨
px value / color
Base font size
Margin
m-3
0.75rem
12px
m-4
1rem
16px
m-2
0.5rem
8px
Padding
p-3
0.75rem
12px
p-4
1rem
16px
p-2
0.5rem
8px
Space Between
space-x-3
0.75rem
12px
space-x-4
1rem
16px
space-x-2
0.5rem
8px
Width
w-3
0.75rem
12px
w-4
1rem
16px
w-2
0.5rem
8px
Height
h-3
0.75rem
12px
h-4
1rem
16px
h-2
0.5rem
8px
Max width
max-w-xs
20rem
320px
max-w-sm
24rem
384px
Grid gap
gap-3
0.75rem
12px
gap-4
1rem
16px
gap-2
0.5rem
8px
Font size
text-sm
0.875rem
14px
text-base
1rem
16px
text-xs
0.75rem
12px
By
@SolaimanKmail