Work

bash.exe.stackdump

@@ -0,0 +1,9 @@
+Stack trace:
+Frame        Function    Args
+000FFFFBB30  00210062B0E (00210297178, 00210275E3E, 000FFFFBB30, 000FFFFAA30)
+000FFFFBB30  0021004846A (00000000000, 00000000000, 00000000000, 00000000004)
+000FFFFBB30  002100484A2 (00210297229, 000FFFFB9E8, 000FFFFBB30, 00000000000)
+000FFFFBB30  002100D2FFE (00000000000, 00000000000, 00000000000, 00000000000)
+000FFFFBB30  002100D3125 (000FFFFBB40, 00000000000, 00000000000, 00000000000)
+001004F84B7  002100D46E5 (000FFFFBB40, 00000000000, 00000000000, 00000000000)
+End of stack trace

frontend/src/components/ProductCard.jsx

@@ -12,6 +12,7 @@ export default function ProductCard({ product }) {
       : 0
 
   return (
+    <Link to={`/product/${product.id}`} className="product-card-link">
       <div className="product-card">
         <div className="product-image-container">
           <img src={product.images[0]} alt={product.name} />
@@ -44,10 +45,8 @@ export default function ProductCard({ product }) {
               )}
             </p>
           )}
-        <Link to={`/product/${product.id}`} className="btn btn-small">
+        </div>
-          View Details
+      </div>
     </Link>
-      </div>
-    </div>
   )
 }

frontend/src/styles/global.css

@@ -619,14 +619,6 @@ button {
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 }
 
-.detail-images img {
-  width: 100%;
-  max-height: 500px;
-  object-fit: cover;
-  border-radius: var(--border-radius);
-  cursor: pointer;
-}
-
 .detail-info h1 {
   font-size: 2rem;
   margin-bottom: 0.5rem;