> For the complete documentation index, see [llms.txt](https://docs.cwicly.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cwicly.com/design/container-size/container-width.md).

# Width

{% hint style="info" %}
If the content does not fit within the specified width, it will [Overflow](/design/layout/visual.md).
{% endhint %}

{% hint style="warning" %}
The minimum and maximum properties always take precedence over the height and width properties.
{% endhint %}

It is interesting to combine minimum and maximum properties with dimensions expressed in percentages. The block then adapts to the screen size but remains within its limits.

## Width

The `Width` property defines the **width** of the block.

* Select a block.
* Open the Block Inspector.
* Open the Design tab.
* Open the Sizing tab​.
* Find the Width property.
* Enter the desired width value.
* elect the blue button to reset.

## Minimum Width

The `Minimum Width` property defines the **minimum width** of the block.

* Select a block.
* Open the Block Inspector.
* Open the Design tab.
* Open the Sizing tab​.
* Find the Minimum Width property.
* Enter the desired width value.
* Select the blue button to reset.

## Maximum Width

The `Maximum Height` property defines the **maximum width** of the block.

* Select a block.
* Open the Block Inspector.
* Open the Design tab.
* Open the Sizing tab​.
* Find the Maximum Width property.
* Enter the desired width value.
* Select the blue button to reset.