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.