deliberatepractice

For my third widget, I designed an image card with overlay text, focusing on both visual appeal and user experience. Here are the key UX ideas I implemented: Rounded Corners: Used rounded-xl to soften the edges, making the card feel more modern and approachable. Shadow Effect: Added shadow-xl shadow-purple-500 to create depth, giving the card a subtle 3D effect that makes it stand out. Hover Interaction: Implemented hover:scale-105 to add a slight zoom effect on hover, enhancing interactivity and making the card more engaging. Text Readability: Applied text-2xl font-bold tracking-tight for the title and font-light leading-relaxed for the body text…