Fix brand logo size in mobile devices

Dium-dev · Oct 8, 2024 · 19bb686 · 19bb686
1 parent aa13fd6
commit 19bb686
Showing 1 changed file with 3 additions and 4 deletions.
diff --git 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>
   );