Doc

Columns

Columns Sugam Pokharel

The columns shortcode creates responsive columns. Separate columns with <!--col-->. Visually it may look similar to the cards but columns is more versatile. For example, if you add a footnote within a card, it will not work but if you add a footnote within columns, it will work.

Shortcode Example

HTML
1
2
3
4
5
6
7
8
9
{{< columns >}}
### Left Column
Left content.

<!--col-->

### Right Column
Right content.
{{< /columns >}}

Actual Use

Left Column

Left content.

Right Column

Right content.

Share this article

  • X
  • Facebook
  • LinkedIn
  • Reddit
  • WhatsApp
  • Telegram
  • Pinterest
  • Bluesky