Column Class not Working

[wchisenski]

Thank you for making some great Marp themes!

In the examples you utilize the following code to generate two columns of text (specifically lists):

<div class="columns">
<div>

1. Item
2. Item
3. Item

</div>
<div>

4. Item
5. Item
6. Item

</div>
</div>

When looking at your PDF output, this rendered two columns within the slide. Although when I download your Markdown example file example-einstein.md it does not render correctly using the Marp extension within VS Code or when I export to PDF.

Any assistance would be helpful, thank you!

[cunhapaulo]

As I tryed to use two columns within MARP for the first time, this very issue happened to me. It has to do with the security mesures VSCode implements to avoid malicious code to take control of one´s computer.

Please, give a try on this track Question 192 .

If you don´t find a coherent answer, just make me kow again. I´ll keep on looking for the exact switches to be used within VSCode to allow perfect use of two columns.

[cunhapaulo]

Hope you've found the right solution.

[wchisenski]

Hi @cunhapaulo,

Apologies for the delay in this reply. Yes, the link you provided did help me resolve the issue. Why not simply include the column class needed in your CSS theme files instead of requiring users to put the following in their YAML front matter?

style: |
  .columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }

[cunhapaulo]

Hi @wchisenski, unfortunately I tryed, but failed miserably. If you haver better luck, please send your news.