Min Height

Utilities for controlling the minimum height of an element.

Class CSS Output
min-h-auto
min-height: auto;
}
min-h-full
min-height: 100%;
}
min-h-screen
min-height: 100vh;
}
min-h-0
min-height: calc(var(--spacing) * 0);
}
min-h-4
min-height: calc(var(--spacing) * 4);
}
min-h-8
min-height: calc(var(--spacing) * 8);
}
min-h-1/2
min-height: calc(1/2 * 100%);
}
min-h-1/3
min-height: calc(1/3 * 100%);
}
min-h-[100px]
min-height: 100px;
}

min-h-auto

min-height: auto;

min-h-full

min-height: 100%;

min-h-screen

min-height: 100vh;

min-h-0

min-height: calc(var(--spacing) * 0);

min-h-4

min-height: calc(var(--spacing) * 4);

min-h-8

min-height: calc(var(--spacing) * 8);

min-h-1/2

min-height: calc(1/2 * 100%);

min-h-1/3

min-height: calc(1/3 * 100%);

min-h-[100px]

min-height: 100px;

Reference

min-height MDN ↗

CSS Properties

  • min-height