card can be vertical or horizontal

assets/views/shop/index.html

@@ -11,11 +11,7 @@
   </header>
 
   {% if products | length > 0 %}
-  <div class="grid grid-cols-2 gap-5 sm:grid-cols-3 xl:grid-cols-4">
-    {% for product in products %}
-    {% include "shop/_card.html" %}
-    {% endfor %}
-  </div>
+  {% include "shop/_product_grid.html" %}
   {% else %}
   <div class="rounded-radius border border-outline px-6 py-16 text-center text-on-surface/70 dark:border-outline-dark dark:text-on-surface-dark/70">
     {{ t(key="shop-empty", lang=lang | default(value='sk')) }}