Four card feature section with CSS grid and flex

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

Since I used mobile first approach, I started off the mobile design using flex instead of grid, then turned it into grid for desktop approach. I think next time I'll start with grid right off the bat, though I don't know if that has much significant in the grand scheme of things.

Next time I should also implement custom variables in :root to dictate the font family, weight and size, and color so I won't have to keep manually typing them in. Implementing :root will also make things more efficient if I have to change the font or color, preventing me from having to go to every code and change them.

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

I had difficulty with using grid at first, but I was able to maneuver around it by playing around with grid-template rows and columns. I was also unsure of how to move the svg images inside each card, and I settled on position: relative;

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

Please let me know if there's more efficient way to write out my grid code, and whether or not I made any mistakes overall. I would also like to know if I'm using best practices