{% extends "portfolio/layout.html" %}
{% load portfolio_display %}
{% block content %}
<div class="grid gap-8 p-8 sm:grid-cols-1 lg:grid-cols-3">
    {% for media in medias %}
    <a class="flex flex-col" href="{% url 'media detail' media.slug %}">
        {% display media force_image=True css_class="w-96 h-full" %}
    </a>
    {% empty %}
    <a class="mb-4" href="{% url 'portfolio upload' %}">
        Upload some media
    </a>
    {% endfor %}
</div>
{% endblock content %}
