Layout helpers

All modular elements can be readily used and customized in every layout across pages.

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
.h-full{ min-height: 100vh; }
.h-half {min-height: 50vh; }
.h-100vh{ height: 100vh !important; }
Perpendicular

For perpendicular elements use.perpendicular class.

.perpendicular
Jump into