> ## Documentation Index
> Fetch the complete documentation index at: https://makeswift-docs-branch.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://mintcdn.com/makeswift-docs-branch/SqTawo_XOTZrXbW5/images/builder/height1.png?fit=max&auto=format&n=SqTawo_XOTZrXbW5&q=85&s=1c7f287f8f530ee218b6d8fc5796213a" width="300" alt="Height panel in Makeswift" data-path="images/builder/height1.png" />
</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>
  <img src="https://mintcdn.com/makeswift-docs-branch/SqTawo_XOTZrXbW5/images/builder/height2.gif?s=8fcf45d1fd07753686bbd4bc1d6c51ee" alt="Stretch vs auto" width="800" height="450" data-path="images/builder/height2.gif" />
</Frame>