Portfolio Project CSS GRID Container Shrinks too much

Hi I have managed to pass the assignment, but the problem is that my projects section with a card UI doesn’t work properly.

Essentially the CSS GRID container in the projects section shrinks too much and as such the grid items jump out. I have been trying for ages to figure out how to fix this it’s driving me crazy.

https://codepen.io/bbutler/details/BaoPEXb

I have even rewritten the markup in different ways but each time the grid container shrinks too much in mobile view.