Sizing

Height

Utilities for setting the height of an element.

Quick reference

You can also pass any number that is divisible by 2 or equal to 1 to h-{number} class, the ones listed below are just examples.

ClassProperties
h-full
height: 100%;
h-screen
height: 100vh;
height: 100dvh;
h-min
height: min-content;
h-max
height: max-content;
h-fit
height: fit-content;
h-dvh
height: 100dvh;
h-svh
height: 100lvh;
h-lvh
height: 100lvh;
h-0
height: 0rem;
h-1
height: 0.0625rem;
h-2
height: 0.125rem;
h-4
height: 0.25rem;
h-6
height: 0.375rem;
h-8
height: 0.5rem;
h-10
height: 0.625rem;
h-20
height: 1.25rem;
h-30
height: 1.875rem;
h-40
height: 2.5rem;