{% load displaypage_tags %}
{# Side-by-side rich-text columns; widths apply from 768px, columns stack below. #}
<div class="dp-container">
  {% include "displaypage/includes/section_header.html" %}
  {% if columns %}
  <div class="dp-columns dp-columns--{{ columns|length }}">
    {% for column in columns %}
    <div class="dp-columns__col dp-columns__col--{{ column.width }} dp-prose">{{ column.body|safe }}</div>
    {% endfor %}
  </div>
  {% elif can_edit_display_page %}<p class="dp-empty">No columns yet.</p>{% endif %}
</div>