---
title:
  type: 'string'
created_at:
  type: 'string'
image:
  type: 'hash'
content:
  type: 'string'
url:
  type: 'string'
---
<div class="card mb-3 position-relative">
  <div class="row g-0">
    <div class="col-md-4">
      {%
        render 'responsive_img.html',
        image:,
        class: 'w-100 rounded-3'
      %}
    </div>
    <div class="col-md-8 ps-3">
      <div class="card-body d-flex flex-column h-100 justify-content-between">
        <a class="fs-5 fw-bold card-title text-monospace stretched-link" href="{{ url }}">{{- title -}}</a>
        <p class="fs-6 card-text text-monospace">
          {{ content | truncatewords: 15 }}
        </p>
        <div class="d-flex align-items-center justify-content-between">
          <p class="card-text fst-italic">{{ created_at }}</p>
          <div class="w-35px">{% render 'svg/share.svg', class: 'primary' %}</div>
        </div>
      </div>
    </div>
  </div>
</div>