Easily make an element as wide or as tall (relative to its parent) with our width and height utilities. Includes support for 25%
, 50%
, 75%
, and 100%
by default.
.w-100
.w-75
.w-50
.w-25
.h-100
.h-75
.h-50
.h-25
Special height classes
.min-vh-100 { min-height: 100vh; }
.min-vw-100 {min-width: 100vw; }
.vh-100 { height: 100vh; }
.vw-100 { width: 100vw; }