Min Width

Set the minimum width of an element.

Widely available

This feature is well established and works across many devices and browser versions.

Chrome
Edge
Firefox
Safari

min-w-0
min-width: 0;
min-w-1
min-width: .25rem;
min-w-2
min-width: .5rem;
min-w-3
min-width: .75rem;
min-w-4
min-width: 1rem;
min-w-5
min-width: 1.25rem;
min-w-6
min-width: 1.5rem;
min-w-7
min-width: 1.75rem;
min-w-8
min-width: 2rem;
min-w-9
min-width: 2.25rem;
min-w-10
min-width: 2.5rem;
min-w-11
min-width: 2.75rem;
min-w-12
min-width: 3rem;
min-w-13
min-width: 3.25rem;
min-w-14
min-width: 3.5rem;
min-w-15
min-width: 3.75rem;
min-w-16
min-width: 4rem;
min-w-17
min-width: 4.25rem;
min-w-18
min-width: 4.5rem;
min-w-19
min-width: 4.75rem;
min-w-20
min-width: 5rem;
min-w-21
min-width: 5.25rem;
min-w-22
min-width: 5.5rem;
min-w-23
min-width: 5.75rem;
min-w-24
min-width: 6rem;
min-w-25
min-width: 6.25rem;
min-w-26
min-width: 6.5rem;
min-w-27
min-width: 6.75rem;
min-w-28
min-width: 7rem;
min-w-29
min-width: 7.25rem;
min-w-30
min-width: 7.5rem;
min-w-31
min-width: 7.75rem;
min-w-32
min-width: 8rem;
min-w-33
min-width: 8.25rem;
min-w-34
min-width: 8.5rem;
min-w-35
min-width: 8.75rem;
min-w-36
min-width: 9rem;
min-w-37
min-width: 9.25rem;
min-w-38
min-width: 9.5rem;
min-w-39
min-width: 9.75rem;
min-w-40
min-width: 10rem;
min-w-41
min-width: 10.25rem;
min-w-42
min-width: 10.5rem;
min-w-43
min-width: 10.75rem;
min-w-44
min-width: 11rem;
min-w-45
min-width: 11.25rem;
min-w-46
min-width: 11.5rem;
min-w-47
min-width: 11.75rem;
min-w-48
min-width: 12rem;
min-w-49
min-width: 12.25rem;
min-w-50
min-width: 12.5rem;
min-w-51
min-width: 12.75rem;
min-w-52
min-width: 13rem;
min-w-53
min-width: 13.25rem;
min-w-54
min-width: 13.5rem;
min-w-55
min-width: 13.75rem;
min-w-56
min-width: 14rem;
min-w-57
min-width: 14.25rem;
min-w-58
min-width: 14.5rem;
min-w-59
min-width: 14.75rem;
min-w-60
min-width: 15rem;
min-w-61
min-width: 15.25rem;
min-w-62
min-width: 15.5rem;
min-w-63
min-width: 15.75rem;
min-w-64
min-width: 16rem;
min-w-65
min-width: 16.25rem;
min-w-66
min-width: 16.5rem;
min-w-67
min-width: 16.75rem;
min-w-68
min-width: 17rem;
min-w-69
min-width: 17.25rem;
min-w-70
min-width: 17.5rem;
min-w-71
min-width: 17.75rem;
min-w-72
min-width: 18rem;
min-w-73
min-width: 18.25rem;
min-w-74
min-width: 18.5rem;
min-w-75
min-width: 18.75rem;
min-w-76
min-width: 19rem;
min-w-77
min-width: 19.25rem;
min-w-78
min-width: 19.5rem;
min-w-79
min-width: 19.75rem;
min-w-80
min-width: 20rem;
min-w-81
min-width: 20.25rem;
min-w-82
min-width: 20.5rem;
min-w-83
min-width: 20.75rem;
min-w-84
min-width: 21rem;
min-w-85
min-width: 21.25rem;
min-w-86
min-width: 21.5rem;
min-w-87
min-width: 21.75rem;
min-w-88
min-width: 22rem;
min-w-89
min-width: 22.25rem;
min-w-90
min-width: 22.5rem;
min-w-91
min-width: 22.75rem;
min-w-92
min-width: 23rem;
min-w-93
min-width: 23.25rem;
min-w-94
min-width: 23.5rem;
min-w-95
min-width: 23.75rem;
min-w-96
min-width: 24rem;
min-w-97
min-width: 24.25rem;
min-w-98
min-width: 24.5rem;
min-w-99
min-width: 24.75rem;
min-w-100
min-width: 25rem;
min-w-101
min-width: 25.25rem;
min-w-102
min-width: 25.5rem;
min-w-103
min-width: 25.75rem;
min-w-104
min-width: 26rem;
min-w-105
min-width: 26.25rem;
min-w-106
min-width: 26.5rem;
min-w-107
min-width: 26.75rem;
min-w-108
min-width: 27rem;
min-w-109
min-width: 27.25rem;
min-w-110
min-width: 27.5rem;
min-w-111
min-width: 27.75rem;
min-w-112
min-width: 28rem;
min-w-113
min-width: 28.25rem;
min-w-114
min-width: 28.5rem;
min-w-115
min-width: 28.75rem;
min-w-116
min-width: 29rem;
min-w-117
min-width: 29.25rem;
min-w-118
min-width: 29.5rem;
min-w-119
min-width: 29.75rem;
min-w-120
min-width: 30rem;
min-w-121
min-width: 30.25rem;
min-w-122
min-width: 30.5rem;
min-w-123
min-width: 30.75rem;
min-w-124
min-width: 31rem;
min-w-125
min-width: 31.25rem;
min-w-126
min-width: 31.5rem;
min-w-127
min-width: 31.75rem;
min-w-128
min-width: 32rem;
min-w-129
min-width: 32.25rem;
min-w-130
min-width: 32.5rem;
min-w-131
min-width: 32.75rem;
min-w-132
min-width: 33rem;
min-w-133
min-width: 33.25rem;
min-w-134
min-width: 33.5rem;
min-w-135
min-width: 33.75rem;
min-w-136
min-width: 34rem;
min-w-137
min-width: 34.25rem;
min-w-138
min-width: 34.5rem;
min-w-139
min-width: 34.75rem;
min-w-140
min-width: 35rem;
min-w-141
min-width: 35.25rem;
min-w-142
min-width: 35.5rem;
min-w-143
min-width: 35.75rem;
min-w-144
min-width: 36rem;
min-w-145
min-width: 36.25rem;
min-w-146
min-width: 36.5rem;
min-w-147
min-width: 36.75rem;
min-w-148
min-width: 37rem;
min-w-149
min-width: 37.25rem;
min-w-150
min-width: 37.5rem;
min-w-151
min-width: 37.75rem;
min-w-152
min-width: 38rem;
min-w-153
min-width: 38.25rem;
min-w-154
min-width: 38.5rem;
min-w-155
min-width: 38.75rem;
min-w-156
min-width: 39rem;
min-w-157
min-width: 39.25rem;
min-w-158
min-width: 39.5rem;
min-w-159
min-width: 39.75rem;
min-w-160
min-width: 40rem;
min-w-161
min-width: 40.25rem;
min-w-162
min-width: 40.5rem;
min-w-163
min-width: 40.75rem;
min-w-164
min-width: 41rem;
min-w-165
min-width: 41.25rem;
min-w-166
min-width: 41.5rem;
min-w-167
min-width: 41.75rem;
min-w-168
min-width: 42rem;
min-w-169
min-width: 42.25rem;
min-w-170
min-width: 42.5rem;
min-w-171
min-width: 42.75rem;
min-w-172
min-width: 43rem;
min-w-173
min-width: 43.25rem;
min-w-174
min-width: 43.5rem;
min-w-175
min-width: 43.75rem;
min-w-176
min-width: 44rem;
min-w-177
min-width: 44.25rem;
min-w-178
min-width: 44.5rem;
min-w-179
min-width: 44.75rem;
min-w-180
min-width: 45rem;
min-w-181
min-width: 45.25rem;
min-w-182
min-width: 45.5rem;
min-w-183
min-width: 45.75rem;
min-w-184
min-width: 46rem;
min-w-185
min-width: 46.25rem;
min-w-186
min-width: 46.5rem;
min-w-187
min-width: 46.75rem;
min-w-188
min-width: 47rem;
min-w-189
min-width: 47.25rem;
min-w-190
min-width: 47.5rem;
min-w-191
min-width: 47.75rem;
min-w-192
min-width: 48rem;
min-w-193
min-width: 48.25rem;
min-w-194
min-width: 48.5rem;
min-w-195
min-width: 48.75rem;
min-w-196
min-width: 49rem;
min-w-197
min-width: 49.25rem;
min-w-198
min-width: 49.5rem;
min-w-199
min-width: 49.75rem;
min-w-200
min-width: 50rem;
min-w-201
min-width: 50.25rem;
min-w-202
min-width: 50.5rem;
min-w-203
min-width: 50.75rem;
min-w-204
min-width: 51rem;
min-w-205
min-width: 51.25rem;
min-w-206
min-width: 51.5rem;
min-w-207
min-width: 51.75rem;
min-w-208
min-width: 52rem;
min-w-209
min-width: 52.25rem;
min-w-210
min-width: 52.5rem;
min-w-211
min-width: 52.75rem;
min-w-212
min-width: 53rem;
min-w-213
min-width: 53.25rem;
min-w-214
min-width: 53.5rem;
min-w-215
min-width: 53.75rem;
min-w-216
min-width: 54rem;
min-w-217
min-width: 54.25rem;
min-w-218
min-width: 54.5rem;
min-w-219
min-width: 54.75rem;
min-w-220
min-width: 55rem;
min-w-221
min-width: 55.25rem;
min-w-222
min-width: 55.5rem;
min-w-223
min-width: 55.75rem;
min-w-224
min-width: 56rem;
min-w-225
min-width: 56.25rem;
min-w-226
min-width: 56.5rem;
min-w-227
min-width: 56.75rem;
min-w-228
min-width: 57rem;
min-w-229
min-width: 57.25rem;
min-w-230
min-width: 57.5rem;
min-w-231
min-width: 57.75rem;
min-w-232
min-width: 58rem;
min-w-233
min-width: 58.25rem;
min-w-234
min-width: 58.5rem;
min-w-235
min-width: 58.75rem;
min-w-236
min-width: 59rem;
min-w-237
min-width: 59.25rem;
min-w-238
min-width: 59.5rem;
min-w-239
min-width: 59.75rem;
min-w-240
min-width: 60rem;
min-w-241
min-width: 60.25rem;
min-w-242
min-width: 60.5rem;
min-w-243
min-width: 60.75rem;
min-w-244
min-width: 61rem;
min-w-245
min-width: 61.25rem;
min-w-246
min-width: 61.5rem;
min-w-247
min-width: 61.75rem;
min-w-248
min-width: 62rem;
min-w-249
min-width: 62.25rem;
min-w-250
min-width: 62.5rem;
min-w-251
min-width: 62.75rem;
min-w-252
min-width: 63rem;
min-w-253
min-width: 63.25rem;
min-w-254
min-width: 63.5rem;
min-w-255
min-width: 63.75rem;
min-w-256
min-width: 64rem;
min-w-257
min-width: 64.25rem;
min-w-258
min-width: 64.5rem;
min-w-259
min-width: 64.75rem;
min-w-260
min-width: 65rem;
min-w-261
min-width: 65.25rem;
min-w-262
min-width: 65.5rem;
min-w-263
min-width: 65.75rem;
min-w-264
min-width: 66rem;
min-w-265
min-width: 66.25rem;
min-w-266
min-width: 66.5rem;
min-w-267
min-width: 66.75rem;
min-w-268
min-width: 67rem;
min-w-269
min-width: 67.25rem;
min-w-270
min-width: 67.5rem;
min-w-271
min-width: 67.75rem;
min-w-272
min-width: 68rem;
min-w-273
min-width: 68.25rem;
min-w-274
min-width: 68.5rem;
min-w-275
min-width: 68.75rem;
min-w-276
min-width: 69rem;
min-w-277
min-width: 69.25rem;
min-w-278
min-width: 69.5rem;
min-w-279
min-width: 69.75rem;
min-w-280
min-width: 70rem;
min-w-281
min-width: 70.25rem;
min-w-282
min-width: 70.5rem;
min-w-283
min-width: 70.75rem;
min-w-284
min-width: 71rem;
min-w-285
min-width: 71.25rem;
min-w-286
min-width: 71.5rem;
min-w-287
min-width: 71.75rem;
min-w-288
min-width: 72rem;
min-w-289
min-width: 72.25rem;
min-w-290
min-width: 72.5rem;
min-w-291
min-width: 72.75rem;
min-w-292
min-width: 73rem;
min-w-293
min-width: 73.25rem;
min-w-294
min-width: 73.5rem;
min-w-295
min-width: 73.75rem;
min-w-296
min-width: 74rem;
min-w-297
min-width: 74.25rem;
min-w-298
min-width: 74.5rem;
min-w-299
min-width: 74.75rem;
min-w-300
min-width: 75rem;
min-w-301
min-width: 75.25rem;
min-w-302
min-width: 75.5rem;
min-w-303
min-width: 75.75rem;
min-w-304
min-width: 76rem;
min-w-305
min-width: 76.25rem;
min-w-306
min-width: 76.5rem;
min-w-307
min-width: 76.75rem;
min-w-308
min-width: 77rem;
min-w-309
min-width: 77.25rem;
min-w-310
min-width: 77.5rem;
min-w-311
min-width: 77.75rem;
min-w-312
min-width: 78rem;
min-w-313
min-width: 78.25rem;
min-w-314
min-width: 78.5rem;
min-w-315
min-width: 78.75rem;
min-w-316
min-width: 79rem;
min-w-317
min-width: 79.25rem;
min-w-318
min-width: 79.5rem;
min-w-319
min-width: 79.75rem;
min-w-320
min-width: 80rem;
min-w-321
min-width: 80.25rem;
min-w-322
min-width: 80.5rem;
min-w-323
min-width: 80.75rem;
min-w-324
min-width: 81rem;
min-w-325
min-width: 81.25rem;
min-w-326
min-width: 81.5rem;
min-w-327
min-width: 81.75rem;
min-w-328
min-width: 82rem;
min-w-329
min-width: 82.25rem;
min-w-330
min-width: 82.5rem;
min-w-331
min-width: 82.75rem;
min-w-332
min-width: 83rem;
min-w-333
min-width: 83.25rem;
min-w-334
min-width: 83.5rem;
min-w-335
min-width: 83.75rem;
min-w-336
min-width: 84rem;
min-w-337
min-width: 84.25rem;
min-w-338
min-width: 84.5rem;
min-w-339
min-width: 84.75rem;
min-w-340
min-width: 85rem;
min-w-341
min-width: 85.25rem;
min-w-342
min-width: 85.5rem;
min-w-343
min-width: 85.75rem;
min-w-344
min-width: 86rem;
min-w-345
min-width: 86.25rem;
min-w-346
min-width: 86.5rem;
min-w-347
min-width: 86.75rem;
min-w-348
min-width: 87rem;
min-w-349
min-width: 87.25rem;
min-w-350
min-width: 87.5rem;
min-w-351
min-width: 87.75rem;
min-w-352
min-width: 88rem;
min-w-353
min-width: 88.25rem;
min-w-354
min-width: 88.5rem;
min-w-355
min-width: 88.75rem;
min-w-356
min-width: 89rem;
min-w-357
min-width: 89.25rem;
min-w-358
min-width: 89.5rem;
min-w-359
min-width: 89.75rem;
min-w-360
min-width: 90rem;
min-w-361
min-width: 90.25rem;
min-w-362
min-width: 90.5rem;
min-w-363
min-width: 90.75rem;
min-w-364
min-width: 91rem;
min-w-365
min-width: 91.25rem;
min-w-366
min-width: 91.5rem;
min-w-367
min-width: 91.75rem;
min-w-368
min-width: 92rem;
min-w-369
min-width: 92.25rem;
min-w-370
min-width: 92.5rem;
min-w-371
min-width: 92.75rem;
min-w-372
min-width: 93rem;
min-w-373
min-width: 93.25rem;
min-w-374
min-width: 93.5rem;
min-w-375
min-width: 93.75rem;
min-w-376
min-width: 94rem;
min-w-377
min-width: 94.25rem;
min-w-378
min-width: 94.5rem;
min-w-379
min-width: 94.75rem;
min-w-380
min-width: 95rem;
min-w-381
min-width: 95.25rem;
min-w-382
min-width: 95.5rem;
min-w-383
min-width: 95.75rem;
min-w-384
min-width: 96rem;
min-w-10%
min-width: 10%;
min-w-20%
min-width: 20%;
min-w-30%
min-width: 30%;
min-w-40%
min-width: 40%;
min-w-50%
min-width: 50%;
min-w-60%
min-width: 60%;
min-w-70%
min-width: 70%;
min-w-80%
min-width: 80%;
min-w-90%
min-width: 90%;
min-w-100%
min-width: 100%;
min-w-auto
min-width: auto;
min-w-dvh
min-width: 100dvh;
min-w-dvw
min-width: 100dvw;
min-w-fc
min-width: fit-content;
min-w-lg
min-width: 64rem;
min-w-lvh
min-width: 100lvh;
min-w-lvw
min-width: 100lvw;
min-w-max
min-width: max-content;
min-w-md
min-width: 48rem;
min-w-min
min-width: min-content;
min-w-px
min-width: 1px;
min-w-s
min-width: stretch;
min-w-sm
min-width: 40rem;
min-w-svh
min-width: 100svh;
min-w-svw
min-width: 100svw;
min-w-vb
min-width: 100vb;
min-w-vh
min-width: 100vh;
min-w-vi
min-width: 100vi;
min-w-vmax
min-width: 100vmax;
min-w-vmin
min-width: 100vmin;
min-w-vw
min-width: 100vw;
min-w-xl
min-width: 80rem;
min-w-xs
min-width: 32rem;
min-w-xxl
min-width: 96rem;

Responsiveness

Use breakpoint prefixes to target different screen sizes. Styles apply from the breakpoint & up.

Target viewport sizes with breakpoint prefixes.

@sm:min-w-(value)
Small≥640px
@md:min-w-(value)
Medium≥768px
@lg:min-w-(value)
Large≥1024px
@xxl:min-w-(value)
Extra Large≥1536px

Hover State

Apply styles conditionally on hover using the h: prefix.

Add the h: prefix to apply styles only when the user hovers over the element.

Syntax:h:min-w-(value)