# Create a two column page

**URL:** <https://discourse.gohugo.io/t/create-a-two-column-page/38321>\
**Category:** support\
**Created:** [April 23, 2022, 3:12pm UTC](https://discourse.gohugo.io/t/create-a-two-column-page/38321 "2022-04-23T15:12:05Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![tut](https://avatars.discourse-cdn.com/v4/letter/t/e95f7d/32.png) [@tut](https://discourse.gohugo.io/u/tut)\
**Post date:** [April 23, 2022, 3:12pm UTC](https://discourse.gohugo.io/t/create-a-two-column-page/38321/1 "2022-04-23T15:12:05Z")

</div>

I need to create a two column page. One column in one language and the translation in another. After some hours of testing, I can achieve this with markdown tables, bu I have to add an [attribute](https://gohugo.io/getting-started/configuration-markup/#goldmark) after each paragraph that contains a class that removes the table’s borders. Is there a more efficient way to achieve this? I would like to stick to markdown otherwise I would have converted the markdown files to HTML.

---

<div class="post-metadata">

**Author:** ![kaushalmodi](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/kaushalmodi/32/2567_2.png) [@kaushalmodi](https://discourse.gohugo.io/u/kaushalmodi)\
**Post date:** [April 23, 2022, 3:26pm UTC](https://discourse.gohugo.io/t/create-a-two-column-page/38321/2 "2022-04-23T15:26:41Z")

</div>

You can do this using shortcodes like the geekdocs theme does: [Columns | Geekdocs](https://geekdocs.de/shortcodes/columns/).

Shortcode: [hugo-geekdoc/columns.html at main · thegeeklab/hugo-geekdoc · GitHub](https://github.com/thegeeklab/hugo-geekdoc/blob/main/layouts/shortcodes/columns.html)

The columns are then made responsive using CSS flex.

---

<div class="post-metadata">

**Author:** ![tut](https://avatars.discourse-cdn.com/v4/letter/t/e95f7d/32.png) [@tut](https://discourse.gohugo.io/u/tut)\
**Post date:** [April 23, 2022, 9:35pm UTC](https://discourse.gohugo.io/t/create-a-two-column-page/38321/3 "2022-04-23T21:35:44Z")

</div>

I will check this out. I have a special use case where each sentence needs to be on its own line which I can retain my own format mentioned above. But I will adapt your solution for other cases.

---

<div class="post-metadata">

**Author:** ![system](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/system/32/1_2.png) [@system](https://discourse.gohugo.io/u/system)\
**Post date:** [April 25, 2022, 9:36pm UTC](https://discourse.gohugo.io/t/create-a-two-column-page/38321/4 "2022-04-25T21:36:24Z")

</div>

Closed on April 25, 2022, 9:36pm UTC

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.