> ## Documentation Index
> Fetch the complete documentation index at: https://docs.makeswift.com/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/uAOxEZuAmqfTEc_N/images/builder/height1.png?fit=max&auto=format&n=uAOxEZuAmqfTEc_N&q=85&s=832c6f9f763b9db5e4493635aba19870" 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/uAOxEZuAmqfTEc_N/images/builder/height2.gif?s=cbc4097aafb840f1e01135ae94755af2" alt="Stretch vs auto" width="800" height="450" data-path="images/builder/height2.gif" />
</Frame>