{% load wagtailimages_tags %}

<li class="card mb-4 row g-0 align-items-stretch iab-blog-post">
    {# col-* classes include positioning, position static cancels that and allows the stretched link to cover the image #}
    <div class="card-body card-body--iab">
        <h3 class="mb-3 h5"><a class="stretched-link" href="{{ post.link }}">{{ post.title }}</a></h3>
        <p class="iab-card-text">{{ post.description|truncatechars:250 }}</p>
        <div class="d-flex justify-content-between align-items-center iab-date-text">
            <small>
                <p>{{ post.published_date|date:"DATE_FORMAT" }}</p>
            </small>
        </div>
    </div>
</li>