x

apps/spa/src/pages/ProductDetailPage.tsx

@@ -248,14 +248,15 @@ export default function ProductDetailPage() {
       </div>
 
       {/* Product Detail */}
-      <div className="grid md:grid-cols-2 gap-8 md:gap-16 items-start">
+      <div className="grid items-start gap-8 md:grid-cols-2 md:items-stretch md:gap-16">
         {/* Image Gallery */}
-        <div className="w-full">
+        <div className="w-full md:h-full">
           <ProductImageGallery
             images={product.images || []}
             fallback={fallbackImage}
             alt={displayName}
             badgeText={categoryName}
+            stretchDesktop
           />
         </div>