Sizing

Width, height, and matching min/max sizing helpers for fixed, fractional, and keyword-based layouts.

Overview

Sizing utilities cover width, height, and matching min/max constraints with the same suffix families.

Width

Container, fraction, full, auto, and screen width utilities

Height

Container, fraction, full, auto, and screen height utilities

Max Width

Matching width-cap utilities

Min Width

Matching width-floor utilities

Max Height

Matching height-cap utilities

Min Height

Matching height-floor utilities

Core Families

• Width: width-<size>, width-<fraction>, and keyword helpers like width-full, width-auto, and width-screen
• Min width: minimum-width-<size>, minimum-width-<fraction>, and keyword floor helpers like minimum-width-full, minimum-width-auto, and minimum-width-screen
• Max width: maximum-width-<size>, maximum-width-<fraction>, and keyword cap helpers like maximum-width-full, maximum-width-auto, and maximum-width-screen
• Height: height-<size>, height-<fraction>, and keyword helpers like height-full, height-auto, and height-screen
• Min height: minimum-height-<size>, minimum-height-<fraction>, and keyword floor helpers like minimum-height-full, minimum-height-auto, and minimum-height-screen
• Max height: maximum-height-<size>, maximum-height-<fraction>, and keyword cap helpers like maximum-height-full, maximum-height-auto, and maximum-height-screen

Related Utilities

Layout

Display utilities for sizing

Spacing

Margin and padding utilities