<div class="markdownx" style="display: flex; flex-wrap: wrap;">
  <div style="margin: 0 1em 1em 0;">
    {% include 'django/forms/widgets/textarea.html' %}
  </div>
  <div class="markdownx-preview" style="flex-basis: 50%;"></div>
</div>

{% load i18n %}
{% blocktrans %}
Formatted using <a href="http://commonmark.org/help/">Markdown</a>.
You can add images by dropping them within the box.
{% endblocktrans %}
<div class="markdownx" style="display: flex; flex-wrap: wrap;">
  <div style="margin: 0 1em 1em 0;">
    {% include 'django/forms/widgets/textarea.html' %}
  </div>
  <div class="markdownx-preview" style="flex-basis: 50%;"></div>
</div>

Add some help text to the markdown text widget
Add some help text to the markdown text widget
