Skip to main content

Sizing

Sizing allows the provision of the height and width of the element.

1. Width​

Width​

It is the measurement of the extent of something from side to side.

Example banner

Minimum Width​

When content is smaller than the min-width, the minimum width will be applied or will have no effect.

Example banner

Maximum Width​

When the content exceeds the maximum width, it automatically changes the element’s width or will have no effect.

Example banner

2. Height​

Height​

It is the distance from the base of something to the top.

Example banner

Minimum Height​

The minimum height will be applied when the content is smaller than the minimum height, or it will have no effect.

Example banner

Maximum Height​

The content will overflow or have no effect if it exceeds the maximum height. The overflow property defines how the container will handle the overflowing content.

Example banner

Check the list of Supported Units.



Got a question? Ask here.