Columns

Organize content horizontally. Renders a markdown list as up to 3 side-by-side columns.

Syntax

{{% columns [ratio="1:1"] [class="..."] %}}
- ### Left
  Content...

- ### Right
  Content...
{{% /columns %}}

Example

File-Tree Menu
The sidebar menu is automatically generated from your content directory structure. Pages are ordered by weight frontmatter.
Hugo Menus
Additional menu entries can be added above or below the file-tree using Hugo’s standard menu system in your site config.
Landing Menu
Pages with layout: landing use a separate menu defined under menu.home for header navigation.

Custom Ratio

Set relative column widths with the ratio parameter

{{% columns ratio="1:2" %}}
- ### Sidebar
- ### Content Area
{{% /columns %}}

File-Tree Menu
The sidebar menu is automatically generated from your content directory structure. Pages are ordered by weight frontmatter.
Hugo Menus
Additional menu entries can be added above or below the file-tree using Hugo’s standard menu system in your site config.