Four card feature section | CSS & Grid

This is my first project using Grid. I have some issues with the desktop version. If I try to resize the browser, the four div's (Karma, Team Builder, Calculator, Supervisor) don't shrink. I wanted to use a media query for a lower resolution, but in that case I would get a horizontal scroll bar and everything would stay a fixed size. I tried using % based width and height, still same problem. How can I fix that? Thanks! Any feedback is appreciated!