Blog preview card - Tailwind CSS, Next.js

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

I'm most proud of how accurate the solution is to the design. If I would do this challenge again, I would try another framework.

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

I wanted to hover the mouse over the card but transform the inner image element at the same time. Since I am using Tailwind CSS, I was not aware of how to do this.

It turns out that the Tailwind CSS documentation points to the 'group' class. By applying a 'group' class on the parent card element, I could also apply a 'group-hover:scale(125)' class on the inner image. This means that when hovering anywhere over the card, the image can be transformed.

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

I am open to any constructive feedback.