<div class="homepage-resource-header most-popular-header" style="margin-top: 50px; margin-bottom: 20px;">
    Most Popular
</div>
<div class="row row-with-thumbnails popular-courses" style="margin: 0; margin-left: -10px; padding: 5px;"}>
    {% for course in courses.enrolled %}
        {% if course.properties.most_popular == true %}
            <div class="col-xs-12 col-sm-6 col-lg-3 np-stretch-content course-card-wrapper" data-product="{{ course.properties.product_names_for_course_cards }}">
                {% include "cards_course" with course, flag: 'null' %}
            </div>
        {% endif %}
    {% endfor %}
</div>