TALL Tales

Home About Resources Reference Posts Contact

Tailwind Size Reference

Lines with a blue background are official Tailwind sizes.

PX REM (assumes a 16px base) TW Width sizes TW Font sizes
1px
2.1250.5
4.251
6.3751.5
8.52
10.6252.5
12.7253xs
14.8753.5sm
1614base
181.125lg
201.255xl
22
241.562xl
26
281.757
301.8753xl
3228
34
362.2594xl
38
402.510
42
442.7511
46
483125xl
50
52
54
563.514
58
603.756xl
62
64416
66
68
70
724.56xl
74
76
78
80520
82
84
86
88
90
92
94
966248xl
98
100
102
104
106
108
110
112728
114
116
118
120
122
124
126
1288329xl
130
132
134
136
138
140
142
144936
146
148
150
152
154
156
158
1601040
162
164
162
166
168
170
172
174
1761144
178
180
182
184
186
188
190
1921248
194
196
198
200
202
204
206
2081352
210
212
214
216
218
220
222
2241456
226
228
230
232
234
236
238
2401560
242
244
246
248
250
252
254
2561664
258
260
262
264
268
270
27217
274
276
278
280
282
284
286
2881872
290
292
294
296
298
300
302
30419
306
308
310
312
314
316
318
3202080
322
324
326
328
330
332
334
33621
338
340
342
344
346
348
350
35222
354
356
358
360
362
364
366
36823
370
372
374
376
378
380
382
3842496
386
388
390
392
394
396
398
40025