{%- for course in courses -%}
  {% if course.course_category_names contains category_name %}
    <div id="{{category_id}}" class="grid">
      <div class="grid__item grid__item--tablet-up-half hh-cat-header" style="width: 100%; padding-bottom: 10px">
        <h2 class="heading--1 color-indigo-dark hh-margin-b hh-padding-b">
          {{category_name}}</h2>
      </div>
      <p class="carousel-change{{iterator}} show-more">See More</p>
    </div>

    <div class="grid grid--equal-height slider{{iterator}} test-carousel">
      {%- for course in courses -%}
        {% if course.course_category_names contains category_name %}
          {% include 'course' %}
        {%- endif -%}
      {%- endfor -%}
    </div>

    {%break%}
  {%- endif -%}
{%- endfor -%}
