Responsive four card page with HTML CSS (Flexbox-Grid)

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

I had little knowlage about grid before this challenge. After watching tutorials and reading documents about grid, i was able to find a solution for desktop and mobile designs.

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

Aligning containers like a diamond using grid was a challenge. I used 'grid area' properity to find a solution.

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

Any suggestions and feedbacks on any topics are very much appreciated! Thanks.