<div class="row">
  <div class="col-xs-6 col-md-5">
    <div class="np-card-container" style="height:auto;">
      <img
        src="{{ course.image_url }}"
        class="np-top-image np-top-image-spacing"
        alt="{{ course.name }}"
      />
      <div class="np-card-padding-dynamic">
        {% include "course_description" %}

        {% comment %} {% if course.categories.any? %}
          <div class="cover-page-categories">
            {% include "course_categories" %}
          </div>
        {% endif %} {% endcomment %}

        {% if course.instructors.any? %}
          <div class="cover-page-instructors">
            {% include "course_instructors" %}
          </div>
        {% endif %}
      </div>
      
    </div>
  </div>
  <div class="col-xs-6 col-md-offset-1 col-md-6">
      <div class="np-top-cta">
        {% include "course_progress_and_cta" %}
      </div>
      {% include "course_outline" %}
  </div>
</div>