better background, enlarge cards on hover

2025-04-10 14:27:22 -04:00
parent ffa9c5a9a6
commit 1734eec436
4 changed files with 2 additions and 4 deletions
--- a/components/Card.tsx
+++ b/components/Card.tsx
@@ -10,7 +10,7 @@ type CardProps = {
 export default function Card({ card: { aria, url }, flipAction }: CardProps) {
  return (
    <div
-      className="h-[21vh] w-[15vh] flex items-center justify-center cursor-pointer"
+      className="h-[21vh] w-[15vh] flex items-center justify-center cursor-pointer transform transition-transform duration-200 hover:scale-150 relative z-0 hover:z-10"
      onClick={flipAction}
    >
      <img