NFT Preview Card Component

What are you most proud of, and what would you do differently next time?

I'm most proud of my ability to work on this project utilizing TypeScript. Furthermore, I'm proud of my ability to explore different techniques when it comes to overlaying color or images onto other images.

What challenges did you encounter, and how did you overcome them?

The biggest challenge I encountered in this project was overlaying a specific color on an image during a hover state properly. I figured out that I could apply a background-color to the parent container such as 'img-container' during a hover-state and utilized 'mix-blend-screen' on the img within the container to attain the result I desired.

What specific areas of your project would you like help with?

One area of this project I would like help with is figuring out how to add multiple box shadows and how I could possible adjust their size using tailwind css utility classes (beyond 2xl).