<div class="course-details__item grid__item grid__item--tablet-up-half grid__item--desktop-up-third">

    <a href="{{ learning_path.cover_path }}" class="main-link">
      <img src="{{ learning_path.list_image_url }}" class="course-details__image">
    </a>

    <div class="gutter-bottom">
      <h4 class="myriad-pro-bold heading--3 course-details__name">{{ learning_path.name }}</h4>
      <!-- <p class="myriad-pro-light course-details__desc"> -->
        {{ learning_path.description }}
      <!-- </p> -->
    </div>
  </div>



