Height Utilities

HEIGHT

Set Height

You can set the height for an item by using the following auxiliary classes. Add Class .h-[value]

.h-70
.h-100
.h-150
Small
Class Value
.h-[value] 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10
Medium
Class Value
.h-[value] 15 | 20 | 25 | 30 | 35 | 40 | 45 | 50 | 60 | 70 | 80 | 90 | 100 | 125 | 150 | 200
Large
Class Value
.h-[value] 225 | 250 | 300 | 350 | 400 | 450 | 500 | 600 | 700 | 800 | 900 | 1000

PERCENTAGE HEIGHT

Set Height

With the following auxiliary classes you can define the height with percentage. Add class .h-[value]p

Class Value
.h-[value]p 5 | 10 | 15 | 20 | 25 | 30 | 35 | 40 | 45 | 50 | 55 | 60 | 65 | 70 | 75 | 80 | 85 | 90 | 95 | 100

OTHER HEIGHT

Set Height

You can set the height by using the following other auxiliary classes.

Class Value
.h-100v height: 100vh
.h-auto height: auto