Columns Shortcode

The columns shortcode allows you to create multi-column layouts in your content.
It splits content into multiple columns using the HTML/CSS flexbox layout.

Usage

Separate columns using  inside the shortcode:

1
2
3
4
5
6
7
{{< columns >}}
This is the content of the first column.
<!--col-->
This is the content of the second column.
<!--col-->
This is the content of the third column.
{{< /columns >}}

Parameters

**Table:** Columns Shortcode Parameters
Parameter	Required	Default	Description
Inner content	Yes	-	Content to be split into columns. Use `<!--col-->` as a column separator.

Note: Each  creates a new column. There is no explicit title or class parameter for individual columns.

Examples

Two Columns

Column 1 content
Item A
Item B
Column 2 content
Step 1
Step 2

Three Columns with Markdown

Column 1

Content for first column.

Column 2

Content for second column with bold text.

Column 3

Content for third column with a list:

Apple
Banana
Cherry

Note: Footnotes inside columns may not work correctly due to Markdown processing limitations.

Accessibility & Responsiveness

Columns use flexbox, so they shrink and wrap naturally on smaller screens
Content inside each column is fully readable and keyboard navigable
Works with screen readers as normal block content