How can I get two listings to display side-by-side?

[ForBo7]

Hello.

I've been trying to get two listings to be displayed side-by-side on a page.

I've tried almost everything on the Quarto docs (notably the Article Layout and Page Layout) and from a few Stack Overflow posts, but I haven't been successful. I've mainly been fiddling with Quarto divs to achieve this.

I would appreciate any suggestions and ideas on how to achieve this!

[mcanouil]

A combination of https://quarto.org/docs/websites/website-listings.html#multiple-listings and multi-columns layout should do the trick.

You could also use https://quarto.org/docs/authoring/figures.html#complex-layouts instead of .columns/.column.

---
title: Team Documents
listing: 
  - id: lab-reports
    contents: "lab-reports/*.qmd"
    type: table
  - id: meeting-notes
    contents: "meeting-notes/*.qmd"
    type: table
---

::::: {.columns}

:::: {.column width="45%"}
## Lab Reports

:::{#lab-reports}
:::
::::

:::: {.column width="45%"}
## Meeting Notes

:::{#meeting-notes}
:::
::::

:::::

[ForBo7]

Yes, this is exactly what I'm looking for! Thank you so much!