From 19bb686fe818d6f5c0f1af6e4b573134fe6dcfe8 Mon Sep 17 00:00:00 2001
From: Telkens <stivenmg77@gmail.com>
Date: Tue, 8 Oct 2024 07:32:18 -0500
Subject: [PATCH] Fix brand logo size in mobile devices

---
 src/components/BrandsCarousel/BrandCard.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/BrandsCarousel/BrandCard.tsx b/src/components/BrandsCarousel/BrandCard.tsx
index 0add124..93736db 100644
--- a/src/components/BrandsCarousel/BrandCard.tsx
+++ b/src/components/BrandsCarousel/BrandCard.tsx
@@ -12,16 +12,15 @@ export const BrandCard = ({ brand }: BrandCardProps) => {
 
   return (
     <Link
-      className="flex items-center justify-center cursor-pointer w-max ms:m-6 mx-1 hover:scale-125 transition-all"
+      className="flex items-center justify-center cursor-pointer size-36 ms:m-6 mx-1 hover:scale-125 transition-all relative"
       href={"https://shop.actualizatucarro.com/"}
       target="_blank"
     >
       <Image
         src={brand.image}
-        width={isMobile ? 50 : 100}
-        height={isMobile ? 50 : 100}
+        fill
         alt={brand.name}
-        className="w-auto h-auto"
+        className="size-full object-contain"
       />
     </Link>
   );