Help with grid resizing

Help!

Im trying to restructure the services section on the mobile and tablet views.

As you can see the images are too big.

The grid is not resizing automatically.

https://preview.webflow.com/preview/bolton-stone-restoration?utm_medium=preview_link&utm_source=designer&utm_content=bolton-stone-restoration&preview=a8f1f817a06dce486c39ae45e4bc7d9d&mode=preview

To get the results you want you need to take advantage of CSS grid’s auto-flow features. This means declaring your min-max values for new columns.

I can’t give you a great answer since I don’t know the desired end-behavior, but I highly recommend watching and practicing some CSS grid tutorials to fully understand how to make use of the spec.

Mozilla has some great resources for learning web design and development: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Grids