---
title: "Column"
slug: "column"
updated: 2026-10-20T19:32:33Z
published: 2026-10-20T19:32:33Z
canonical: "docs.blackthorn.io/column"
---

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

# Column

Layout Container

A **Column** is a vertical subdivision inside a section. Columns hold your content components. Each section can have 1–6 columns, and columns can have their own background, spacing, and alignment independent of the section.

### Style Settings

- **Width / Width Unit**: fixed or percentage width
- **Height / Height Unit**: fixed or auto height
- **Minimum Width / Minimum Height**: guardrails for responsive scaling
- **Component Spacing**: gap between components stacked inside the column
- **Self-Alignment**: align the column within its parent section (start, center, end, stretch)
- **Responsive Background**: adjust background behavior per device

### Responsive Spacing

Like sections, columns have independent spacing values for **Desktop**, **Tablet**, and **Mobile**. Switch to the tablet or mobile device view in the toolbar and adjust the column's padding or margin: those values only apply to that device size and don't affect the others.

💡On tablet and mobile, multi-column sections automatically collapse to fewer columns (and a single column on mobile). You can override any auto-scaled value with a per-viewport-specific setting.