Problem with grid layout

Design help General
1

Hi, everyone. I am building a website for my client. Unfortunately, I have a problem with the grid layout for my website. It looks perfect on the desktop version but when I look at tablet version and mobile version, it doesn’t look like the desktop version at all. I try to inspect but I can’t find the reason why the layout doesn’t go the same as the desktop version. I really need some help. Thank you so much!

https://preview.webflow.com/preview/teach-for-thailand?utm_medium=preview_link&utm_source=designer&utm_content=teach-for-thailand&preview=94dd6395314e197dab05d64555f41b42&pageId=5dd2bef4d8e6f2b493c7b328&mode=preview

Screen Shot 2563-01-13 at 02.18.08
Screen Shot 2563-01-13 at 02.18.083360×1726 725 KB

Screen Shot 2563-01-13 at 02.18.20
Screen Shot 2563-01-13 at 02.18.203360×1752 577 KB

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

You need to design the layout for each breakpoint. When using grids you need to arrange the objects in the grid for each breakpoint.