From 5ebb30887941ec7943f8ae4cc9f34b74300b7606 Mon Sep 17 00:00:00 2001
From: Fabian Schieder <fabian.schieder.1010@gmail.com>
Date: Wed, 18 Mar 2026 16:14:06 +0100
Subject: [PATCH] feat: adjust product grid layout for improved responsiveness
 and consistency

---
 assets/css/compcard.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/assets/css/compcard.css b/assets/css/compcard.css
index 822cba1..78973d4 100644
--- a/assets/css/compcard.css
+++ b/assets/css/compcard.css
@@ -5,9 +5,10 @@
 /* ─── Product Grid ─── */
 .product-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+    grid-template-columns: repeat(auto-fit, 260px);
     gap: 1.5rem;
     padding: 2rem;
+    justify-content: start;
 }
 
 /* ─── Product Card ─── */
@@ -21,6 +22,7 @@
     display: flex;
     flex-direction: column;
     min-height: 270px;
+    width: 260px;
     text-decoration: none;
     color: inherit;
     position: relative;
@@ -239,7 +241,7 @@
 /* ─── Responsive ─── */
 @media (max-width: 768px) {
     .product-grid {
-        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+        grid-template-columns: repeat(auto-fit, 160px);
         gap: 0.8rem;
         padding: 1rem;
     }