Width

# numbers
w-0 # 0px
w-1 # 0.25rem
w-2 # 0.5rem;

# decimals
w-0.5
w-1.5
w-3.5

# fractions
"w-1/2" # 50%
"w-1/3" # 33.3%
"w-2/3" # 66.6%

"w-1/4" # 25%

"w-1/12" # 1/12 %
"w-11/12" # 11/12 %

# full
"w-full" # 100%
"w-screen" # 100vw
"w-max" # max-content

Min

Min-height

min-h-full # min-height: 100%;
min-h-screen # min-height: 100vh;
min-h-<number> # min-height: calc(var(--spacing) * <number>);
min-h-<fraction> # min-height: calc(<fraction> * 100%);

• min-h-0

  • This class is used to set the minimum specific height for any element.

• min-h-full

  • This class is used to set the minimum height of an element that is full, depending on the parent element.

• min-h-screen

  • This class is used to set the minimum height of an element to the height of the viewport.

Max

Used for setting maximum height or width of an element

# 0
max-w-0
max-h-0

# 100%
max-w-full
max-h-full

# screen
max-w-screen
max-h-screen