<div class="grid grid-cols-12 items-center calendar-table-row">
  <div class="col-span-2 text-red-100 head-alt-md calendar-table-row__col"><span>10.</span></div>
  <div class="col-span-8 grid grid-cols-3 calendar-table-row__col">
    <div class="col-span-3 md:col-span-1">
      <strong class="block">{{ dateverbose }}</strong>
      <p class="font-light text-sm mt-sm">Celý den</p>
    </div>
    <div class="col-span-3 md:col-span-2 mt-4 md:mt-0">
      <strong class="block">{{ headline.short }}</strong>
      <p class="font-light text-sm mt-sm">{{ excerpt.short }}</p>
    </div>
  </div>
  <div class="col-span-2 text-center font-light calendar-table-row__col">
    <a href="#">
      <i class="fas fa-map-marker-alt text-red-100 mr-1" aria-hidden="true"></i>
      <span>Mapa</span>
    </a>
  </div>
</div>
