Max Height

Limit the maximum height of an element.

Widely available

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

Chrome
Edge
Firefox
Safari

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

Responsiveness

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

Target viewport sizes with breakpoint prefixes.

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