Four card feature section HTML + SCSS, responsive, grid

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

Mobile-first approach and how close it is to design, I don't think I'd do anything differently.

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

I had problems with setting grid up, after some research and brainstorming I've managed to set it up, not sure how correct it is thought.

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

I need help with grid layout. I feel like I've added extra columns and rows and in the process of doing so overly complicated it, can it be done with less grid code?

Also, I've added :hover on grid children, but I was wondering if there is a way in SCSS to have more DRY code. It feels like doing :hover and border-top color for each child separately isn't great. Is there way to do it with less code? Maybe define color in each child and have it applied that way?