> ## Documentation Index
> Fetch the complete documentation index at: https://makeswift-sasha-eng-8460-create-a-guide-for-troubleshooting.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 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.

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.

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/makeswift-sasha-eng-8460-create-a-guide-for-troubleshooting/images/builder/height1.png" width="300" alt="Height panel in Makeswift" />
</Frame>

## 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.

<Frame>![Stretch vs auto](https://mintlify.s3.us-west-1.amazonaws.com/makeswift-sasha-eng-8460-create-a-guide-for-troubleshooting/images/builder/height2.gif)</Frame>