> This page is for Product.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.makeswift.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.makeswift.com/_mcp/server.

# Height

> Height allows you to set the height of a Box to be driven by its content or to stretch to match the tallest element in the same row.

Height allows you to set the height of a Box to be driven by its content or to stretch to match the tallest element in the same row.

By default, the height of a Box is set to be driven by its content using `auto`. Alternatively, you can select `Stretch` which will automatically stretch the height of a box to match the tallest element found in the same row.

![Height panel in Makeswift](/_fern-img/e49ce2727f5bf591fd5317a8db9d6c54ca6a7fc4691d789826b81f0e1cb14bba.webp)

## Pro tips

We suggest selecting `stretch` for elements like cards or grids where you want to ensure a consistent height across all elements. This will help to create a cleaner and more organized layout.

![Stretch vs auto](/_fern-files/makeswift.docs.buildwithfern.com/c87d4f3cc314ee32369d1f1ff2fa6aa512a425c645cb80d2a69f9656058757f1/images/builder/height2.gif)