# Max Width

## Introduction

The `Max Width` variable sets the maximum width in pixels. The value is applied after all other layout so it can be used to overwrite automatically-assigned width.

By default this value is `<NULL>` which means there is no `Max Width`.

<figure><img src="/files/lw0dyjOe90qbT05AYtK0" alt=""><figcaption><p>A ColoredRectangle with no <code>Max Width</code></p></figcaption></figure>

If `Max Width` is assigned (not `<NULL>`), then the effective width cannot be larger than the `Max Width` value. The following animation shows that width is limited to a `Max Width` of `100`.

<figure><img src="/files/dPLJdJfqh4wp3pVHyhQA" alt=""><figcaption><p><code>Max Width</code> set to <code>100</code> limits the ColoredRectangle's width</p></figcaption></figure>

Notice that the `Width` variable can still be set to a value larger than `Max Width`, but it does not apply visually.

`Max Width` can also be used if `Width Units` is set to values other than `Absolute`. For example, `Max Width` can be used to limit the width of a ColoredRectangle when `Width Units` is `Relative to Parent`.

<figure><img src="/files/fiUEHBhwULue7dBstmMs" alt=""><figcaption><p>ColoredRectangle's width limited by its <code>Max Width</code> of <code>100</code></p></figcaption></figure>

## Max Width and Relative to Children

Note that Max Width can prevent a container from growing according to its children. For more information, see the [Relative to Children Width Units page](/gum/gum-tool/gum-elements/general-properties/width-units.md#relative-to-children).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.flatredball.com/gum/gum-tool/gum-elements/general-properties/max-width.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
