# Column

A vertical container designed to sit inside a **Row**. The column controls how wide it is (1/2, 1/3, 1/4 of the row, etc.) and how its children align horizontally.

## Available in

* All module types

## When to use

* Inside any Row to define a vertical slot.
* For multi-column layouts where each column has different content.
* When you need control over how wide each section of a Row is.

For stacking content outside a Row, you can use plain blocks (they stack naturally) — Column is most useful as a Row child.

## Settings

| Setting       | Description                                                                                                                                                     |
| ------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Width**     | The fraction of the parent Row this column occupies. Options: 1/1 (100%), 1/2 (50%), 1/3 (33%), 1/4 (25%), 2/3 (66%), 3/4 (75%), or None (auto). Default: None. |
| **Alignment** | How children are aligned horizontally inside the column: Left, Center, Right. Default: Left.                                                                    |
| **Printable** | Whether this column appears in the print stylesheet. Default: No.                                                                                               |

## How it works

When a Width is set, the column gets a fixed flex-basis (with a small offset for the Row's gap). When Width is *None*, the column expands to fill remaining space. Minimum width is 200px when unconstrained.

Drop any block inside — Cards, Stats, Headings, Forms — they stack vertically and obey the Alignment setting.

{% hint style="info" %}
For a 50/50 split, set both columns to Width *1/2*. For a sidebar + main content layout, try 1/3 + 2/3. The columns automatically reflow on smaller screens when the parent Row has Wrap enabled.
{% endhint %}

## Examples

**50/50 form layout.** Row with two Columns at 1/2 each. Left column: Customer Select + Address. Right column: Order Lines summary.

**Sidebar + content.** Row with Column at 1/4 (sidebar nav) and Column at 3/4 (main content).

**Centered card.** Single Column at 1/2, Alignment=Center, with one Card inside — produces a centered, half-width card.

## Related

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Row</strong></td><td>The horizontal container columns live inside.</td><td><a href="/pages/X8iFEn2kZKLwzxA43m0n">/pages/X8iFEn2kZKLwzxA43m0n</a></td></tr><tr><td><strong>Grid</strong></td><td>For uniform tile layouts where all cells are the same size.</td><td><a href="/pages/6hDoUEHW1NxUqQ5to1CJ">/pages/6hDoUEHW1NxUqQ5to1CJ</a></td></tr><tr><td><strong>Layout &#x26; Responsive</strong></td><td>How layouts collapse on smaller screens.</td><td><a href="/pages/i16RUpMIJ1hqIym73t8h">/pages/i16RUpMIJ1hqIym73t8h</a></td></tr></tbody></table>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.in8sync.com/client-admin-guide/active-workflows/getting-started/layout-components/column.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.