Fix product images: use fill with aspect-square container

2026-03-23 10:45:10 +02:00
parent 7ecd9c2e22
commit f3d60d3c5b
2 changed files with 5 additions and 5 deletions
--- a/src/components/product/ProductCard.tsx
+++ b/src/components/product/ProductCard.tsx
@@ -34,7 +34,7 @@ export default function ProductCard({ product, index = 0, locale = "SR" }: Produ
              alt={localized.name}
              fill
              className="object-cover object-center transition-transform duration-700 ease-out group-hover:scale-105"
-              sizes="100vw"
+              sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw"
              loading="lazy"
            />
          ) : (