Sizing

Size an element relative to its parent container.

Width  Code

These widths can be used within a grid column, or within a generic container. If an element already has a width assigned to it, the .w-auto class can be used to restore the width to its default.

Width 25%
Width 50%
Width 75%
Width 100%
Width auto
Width Min Content:
Some loooooooooooooooooooooooooooong text
Width Max Content:
Some loooooooooooooooooooooooooooong text

Height  Code

These widths can be used when the parent container has a height assigned to it. If an element already has a height assigned to it, the .h-auto class can be used to restore the height to its default.

Height 25%
Height 50%
Height 75%
Height 100%
Height auto