Blog preview card with animations on hover

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

I enjoyed trying out a bit of animations for the hover states! It also felt good that I have started feeling a bit more comfortable using flex.

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

I struggled to find some good way to resize the "Learning" chip/button without giving it a fixed width.

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

I'd like to better understand flex-basis, flex-grow and flex-shrink.

I'd also really like to know if there's a better way than just setting a fixed width for the Learning button. Ideally I'd like that button/chip to grow dynamically based on its content (but not take up the full width as the rest of the content).