Follow

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use
Contact

Text and image side by side in Quarto column layout

I would like to have a picture on the left side of a slide, and text on the right side. I am using Quarto reveal.js.

I would expect that with the .columns div, it should work, but this gives unexpected result. Same with using layout-ncol=2. Any ideas?

A reproducible example:

MEDevel.com: Open-source for Healthcare and Education

Collecting and validating open-source software for healthcare, education, enterprise, development, medical imaging, medical records, and digital pathology.

Visit Medevel

---
format: revealjs
---

## A title

::: {layout-ncol=2}

Some text that is very long and that should take most of the column space.

![](https://www.r-project.org/logo/Rlogo.png)

Some other text that should be below the first paragraph.

:::

## Another title

:::: .columns
::: {.column width=60%}

Some text that is very long and that should take most of the column space.

:::

::: {.column width=40%}

![](https://www.r-project.org/logo/Rlogo.png)

:::
::::
First slide Second slide
enter image description here enter image description here

>Solution :

Is this what you want?

---
format: revealjs
---

## A title

::: columns
::: {.column width="40%"}

![](https://www.r-project.org/logo/Rlogo.png)
:::

::: {.column width="60%"}

Some text that is very long and that should take most of the column space.

<br>

Some other text that should be below the first paragraph.

:::
:::

enter image description here

Add a comment

Leave a Reply

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use

Discover more from Dev solutions

Subscribe now to keep reading and get access to the full archive.

Continue reading