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

# Columns

> Create multi-column layouts inside your emails and posts

Columns let you place content side by side inside your email — great for feature comparisons, image + text layouts, or any design that benefits from a horizontal structure.

## Inserting a column layout

1. In the editor, click the **+** button on the left side of a line or type `/`.
2. Select **Columns** from the insert menu.
3. A two-column layout will appear with placeholder content in each column.

<Tip>
  You can insert any content block inside a column — text, images, buttons, dividers, or even polls.
</Tip>

## Switching between 2 and 3 columns

With a column block selected, the right-hand sidebar will show the **Columns Settings** panel:

* Select **2 Columns** for a standard side-by-side layout.
* Select **3 Columns** for a three-part grid.

Switching automatically adds or removes the third column while preserving the content in the existing ones.

## Adjusting column widths

Each column has an independent width slider in the sidebar:

* **Left column** — drag the slider to set its percentage width.
* **Right column** (or **Middle** in a 3-column layout) — same control.
* **Right column** (3-column only) — controls the last column.

Width is set as a percentage. The columns are proportional, so making one wider will naturally compress the others.

<Info>
  Minimum width per column is 50%. This prevents columns from becoming too narrow to read on mobile.
</Info>

## Styling each column

Select an individual column to see its styling options in the sidebar:

* **Background color** — set a fill color for that column only.
* **Border color, width, and style** — add a solid, dashed, or dotted border.
* **Border radius** — round the corners of the column.
* **Padding** — control the internal spacing between the column's border and its content.

These settings apply per column, so you can style each one independently.

## Mobile behavior

On mobile devices, columns stack vertically by default. This ensures your content remains readable on small screens without requiring horizontal scrolling.