Streaming live at 10am (PST)

Problem with grid layout

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


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

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