Min Inline Size

Set an element's minimum logical inline size.

Widely available

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

Chrome
Edge
Firefox
Safari

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

Responsiveness

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

Target viewport sizes with breakpoint prefixes.

@sm:min-xs-(value)
Small≥640px
@md:min-xs-(value)
Medium≥768px
@lg:min-xs-(value)
Large≥1024px
@xxl:min-xs-(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-xs-(value)

Negative Values

Use negative variants to apply negative dimensions.

Use the -- syntax to apply negative numeric values.

Syntax:min-xs--(value)