From 34bd64e9025fbd61cd3c64c1e9a9bebb4bf98e5d Mon Sep 17 00:00:00 2001
From: Nikita Kiselev <mail@nikitakiselev.ru>
Date: Thu, 10 Jul 2025 22:42:39 +0300
Subject: [PATCH] feat: make two columns grid for product list

---
 spa/src/components/ProductList.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/spa/src/components/ProductList.vue b/spa/src/components/ProductList.vue
index 145daeb..9944e73 100644
--- a/spa/src/components/ProductList.vue
+++ b/spa/src/components/ProductList.vue
@@ -3,7 +3,7 @@
     <div class="mx-auto max-w-2xl px-4 py-16 sm:px-6 sm:py-24 lg:max-w-7xl lg:px-8">
       <h2 class="sr-only">Products</h2>
 
-      <div class="grid grid-cols-1 gap-x-6 gap-y-10 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 xl:gap-x-8">
+      <div class="grid grid-cols-2 gap-x-6 gap-y-10 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 xl:gap-x-8">
         <a v-for="product in products" :key="product.id" class="group">
           <img :src="product.image" :alt="product.name"
                class="aspect-square w-full rounded-lg bg-gray-200 object-cover group-hover:opacity-75 xl:aspect-7/8"/>