{% load card_badge %}
{% if cards %}
    <div class="mx-4 grid gap-3 grid-cols-[repeat(auto-fit,minmax(150px,1fr))] justify-items-center">
      {% for card in cards %}
        {% card_badge card quantity=card.offer_count expanded=True %}
      {% endfor %}
    </div>
{% else %}
  <p class="text-center">No cards found</p>
{% endif %}