Tip for responsive tables in Markdown. Alleluja

tips & tricks
1

Put his code into post content. Make sure there are empty lines between divs and markdown table

<div class="responsive-table">

| # | Heading | Heading | Heading | Heading | Heading |
| - | :------ | :------ | :------ | :------ | :------ |
| 1 | Cell    | Cell    | Cell    | Cell    | Cell    |
| 2 | Cell    | Cell    | Cell    | Cell    | Cell    |
| 3 | Cell    | Cell    | Cell    | Cell    | Cell    |

</div>

CSS:

.responsive-table {
  overflow-x: auto;
  word-break: normal;
}

If it doesn’t work, insert this in your hugo config file, so html is allowed in post content

markup:
  goldmark:
    renderer:
      unsafe: true
2

Here’s what I went with without enabling the unsafe: true based on this comment.

3

Hi, you could go further with this shortcode: Hugo ultimate table shortcode