{% load portfolio_display %}
<div id="id-search-results" name="search-results" class="grid grid-cols-2 gap-4 lg:grid-cols-3">
    {% for result in results %}
    <a href="{% url 'media detail' result.slug %}" class="inline-flex flex-col gap-2 bg-blue-300 px-8 py-4">
        {% display result force_image=True css_class="w-96 h-full" %}
        {{ result.title|truncatechars:24 }}
    </a>
    {% endfor %}
</div>
