Four-cards landing page using display grid

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

I am pround of being able to get how display grid works right at the first time I use it, for I was, and it can be seeing trough the projects I had uploaded on GitHub before this one, so confortable with flex. Next time, I am going to try to centralize the hoe box trough margin 0 auto;, instead of aplying flex to its dad and doing it the way I was used to.

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

The way how the middle cards were columned was something I would not expect to be something chalanging, but, upon seeing the Cauculator card at the left of where I wanted it to be, I felt like there was something about grid alignment I wasn't getting. Solved it by giving this card a position relative right, but I am afraid some devices, wich I don't see in Google's Responsive Viwer extension, have diferent values for "1%" or some other datail that might strike that solution.

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

Getting children to the center with grid display, wich I found out existed upon writting this chalange's preview.