Fix category name text, it wasn´t centered

Dium-dev · Mar 5, 2024 · 92ad294 · 92ad294
1 parent 961fcdc
commit 92ad294
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/Categories/CategoryCard.tsx b/src/components/Categories/CategoryCard.tsx
@@ -9,13 +9,13 @@ interface CategoryCardProps {
 
 const CategoryCard: FC<CategoryCardProps> = ({ image, name }) => {
   return (
-    <div className="flex flex-col items-center justify-center gap-x-4 relative group">
-      <Link href={"https://actualizatucarro.mercadoshops.com.co/"}>
+    <Link href={"https://actualizatucarro.mercadoshops.com.co/"}>
+      <div className="flex flex-col items-center justify-center gap-x-4 relative group">
         <Image src={image} width={150} height={150} alt={name} />
         <span className="font-bold text-sm md:text-lg">{name}</span>
         <div className="absolute h-1 bg-primary-lm bottom-[-5px] transform scale-x-0 group-hover:scale-x-100 transition-transform duration-200 ease-in-out w-full rounded"></div>
-      </Link>
-    </div>
+      </div>
+    </Link>
   );
 };
 export default CategoryCard;