<div class="grid__item">
    <div class="grid" style="padding-bottom: 10px;">
      <a href="https://academy.hh.com/training_events"
        class="workshop__course-title-wrapper grid__item grid__item--tablet-up-quarter"
        style="width: 100%"
        >
        <div class="">
          <p class="color-black" style="font-family: 'hh Serif' !important;">
            - {{ title }}
          </p>
        </div>
      </a>
    </div>
  </div>

  <!-- workshop__item -->