Width & Height

Defines fixed container widths in pixels to control layout boundaries across breakpoints.

Defines responsive container widths that scale fluidly while respecting a maximum constraint.

Defines maximum container heights using vertical constraints, allowing content to scale up to a defined limit. Once the maximum height is reached, the container is set to overflow: auto, enabling internal scrolling.

Percentage-based width classes for setting flexible horizontal sizing that adapts to parent containers.

Ensures the element expands to at least the full width of its parent container, preventing it from shrinking below the available horizontal space.

Constrains the element to not exceed the full width of its parent container, preventing horizontal overflow beyond its containing context.

This section includes classes that set element width using VW units, enabling responsive scaling based on the viewport’s width.

Percentage-based height classes for setting flexible horizontal sizing that adapts to parent containers.

Ensures the element expands to at least the full height of its parent container, preventing it from shrinking below the available vertical space.

Constrains the element to not exceed the full height of its parent container, preventing vertical overflow beyond its containing context.

This section includes classes that set element width using VW units, enabling responsive scaling based on the viewport’s width.

Resets width and height to auto and clears any min or max constraints.