Page content scaling problem

Site URL: https://spinach-keyboard-w7ws.squarespace.com/fasadevedlikehold-8

Hello!

I've created a page with four content blocks beside each other.

On desktop, everything looks good.

But if I scale the page down (tablet view etc), everything gets out of grid.

If I scale even more down (mobile view), the four blocks appears under each other (quite nice).

I have two questions:

1:  is there a way to get the grid look good in tablet view? I know I can create a new section under the text, and insert the images there (but I want the images to appear under each text block on mobile view, like it is now).

2: Is there a way to get the grid to transfer into a two column layout on tablet view?

    - it would be great with this setup:

             - four columns on desktop (accomplished)

             - two columns on tablet

             - one column on mobile (accomplished)

Thanks in advance!

https://spinach-keyboard-w7ws.squarespace.com/fasadevedlikehold-8

pw: hoyden2021

Do you still need help on this?

Thanks for your reply tuanphan.

No, I decided to go for another design, so no need to solve this one 🙂

Have a great day.