NOTE: This works best when you use Jekyll’s markdown maker, but can be used without it too.

<div class="markdown-container">
  <!-- Whatever markdown inside here -->
</div>

The { content } is used for _layouts in Jekyll and would look like this:

preview

You can see a live example of all elements here

If only using markdown without ModestaCSS is your thing, just use this:

<link href="https://modesta.alexflipnote.dev/css/markdown.min.css" type="text/css" rel="stylesheet">