From 56889c8809e41cfc9ddd62430873bf762f9d55f1 Mon Sep 17 00:00:00 2001
From: David Ball <david@daball.me>
Date: Sat, 13 Jul 2024 01:05:48 -0400
Subject: [PATCH] Expand images in Product Card to fill the whole card.

---
 src/components/ProductCard.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ProductCard.astro b/src/components/ProductCard.astro
index f886896..2bdd3e6 100644
--- a/src/components/ProductCard.astro
+++ b/src/components/ProductCard.astro
@@ -14,7 +14,7 @@ const { product } = Astro.props;
 		<h4 class="card-header">
 			{product?.name}
 		</h4>
-		{product?.amazonProductDetails?.imageUrls !== undefined && <img src={product!.amazonProductDetails?.imageUrls[0]} alt={product?.amazonProductDetails?.title} style="min-width: 45ch; max-width: 45ch;" />}
+		{product?.amazonProductDetails?.imageUrls !== undefined && <img src={product!.amazonProductDetails?.imageUrls[0]} alt={product?.amazonProductDetails?.title} style="width: 100%;" />}
 		<div class="card-body">
 			<StarRating value={product?.amazonProductDetails?.reviewRating||0} max={5} overlayColor="#23262d" /> {product?.amazonProductDetails?.reviewCount} Reviews
 			<h5 class="card-title">