Max Height
Utilities for controlling the max height of an element
👉
|
Class
|
Properties
|
|---|---|
| max-h-0 | |
| max-h-1 | |
| max-h-2 | |
| max-h-3 | |
| max-h-4 | |
| max-h-5 | |
| max-h-6 | |
| max-h-7 | |
| max-h-8 | |
| max-h-10 | |
| max-h-12 | |
| max-h-16 | |
| max-h-20 | |
| max-h-24 | |
| max-h-32 | |
| max-h-40 | |
| max-h-48 | |
| max-h-56 | |
| max-h-64 | |
| max-h-72 | |
| max-h-80 | |
| max-h-88 | |
| max-h-96 | |
| max-h-px | |
| max-h-full | |
| max-h-screen |
Usage
Use the max-height utilities to set the maximum width of an element.
<div class="max-h-full"></div>
Responsive
Responsive variations also exist for each max-height value. Use the .max-h-{breakpoint}-{value} for sm, md, lg, xl, and xxl to any existing height utility.
<div class="max-h-16 max-h-md-32 ..."></div>