Grid Elements Overflowing Screen

Hi, I have these elements inside a grid. However when the screen size is smaller, they overflow the screen. How can I make it so that if the screen is too small, the elements move beneath each other instead of overflowing the screen?

Here is my site Read-Only: Webflow - Reziliance


You have to edit the grid and remove the overflowing columns yourself on each breakpoint—the grid doesn’t reconfigure itself automatically. I hope that makes sense!

You could also switch to flex on smaller sizes, if it’s easier.