> ## Documentation Index
> Fetch the complete documentation index at: https://help.kajabi.com/llms.txt
> Use this file to discover all available pages before exploring further.

<AgentInstructions>

## Submitting Feedback

If you encounter incorrect, outdated, or confusing documentation on this page, submit feedback:

POST https://help.kajabi.com/feedback

```json
{
  "path": "/articles/website/pages/how-to-align-blocks-in-a-section",
  "feedback": "Description of the issue"
}
```

Only submit feedback when you have something specific and actionable to report.

</AgentInstructions>

# Align blocks in a section

> Learn to vertically align your Blocks in a Section when customizing your pages.

Learn to vertically align your Blocks in a Section when customizing your pages.

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/i7a9h4eucb" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

<Tip>
  **Tip:** [Enable the grid overlay](/articles/website/pages/build-your-page-with-design-tools) while designing your page. Enabling the grid tool can help you align your layout to look great every time.
</Tip>

***

## Aligning blocks with equal height blocks

Enable **Equal Height Blocks** to change the vertical length of each Block in the row to equal the height of the tallest Block in the row:

* Open the **Website** tab from the Dashboard.
* Select either **Website Pages** or **Landing Pages**.
* Open the page editor for your Page. [Learn more](/articles/website/pages/how-to-get-to-the-page-editor)
* Navigate to the left sidebar panel and select the Section you wish to edit.
* Scroll to **Section Settings**.
* Click **Desktop Layout**.
* Check **Equal Height Blocks** to align all Blocks to the tallest Block in the row (if you have multiple rows in a Section as shown below, repeat for the rows you wish to align).
* Click **Save** to keep your changes:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/n7c8n5xqnb" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

<Note>
  **Note:** Enabling **Equal Height Blocks** will not change the height of your uploaded images in order to retain the original image ratio. Instead, your images will vertically align to the top of the tallest Block in the row. For best results with Text Blocks, use an equal number of text lines in each Block.
</Note>

***

## Aligning blocks with vertical alignment

Vertically align all Blocks in a Section to the top, bottom, or center of the tallest Block in the row by adjusting the Desktop Layout Vertical Alignment setting:

* Open the **Website** tab from the Dashboard.
* Select either **Website Pages** or **Landing Pages**.
* Open the page editor for your Page. [Learn more](/articles/website/pages/how-to-get-to-the-page-editor)
* Navigate to the left sidebar panel and select the Section you wish to edit.
* Scroll to **Section Settings**.
* Click **Desktop Layout**.
* Open the Vertical Alignment dropdown menu.
* Select **Top** to align all Blocks to the tallest Block in the row (if you have multiple rows in a Section as shown below, repeat for the rows you wish to align).
* Click **Save** to keep your changes:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/huwzaxd1me" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

<Note>
  **Note:** Vertical alignment is only available in the Section Settings and is not available in Block Settings. For best results with Text Blocks, use an equal number of text lines in each Block.
</Note>