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!

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.