Grid overflows on published link but okay in editor preview

I’ve been working on a project using my iMac.
I was happy with my Hero page layout for laptop and above and checked the webflow preview to check responsiveness. Everything seemed fine.

I published it to check it on my macbook air laptop (13 inch) and the text overflows from its DIV container. The heights of my DIVS also changed and the look is different to the webflow preview.

Why does it seem fine on preview mode and different when i publish it

I’ve been blowing my brains out on this, please help!

Webflow laptop preview:

Actual Laptop view when published.


Here is my Webflow site Read-Only:
https://preview.webflow.com/preview/musan-clouds?utm_medium=preview_link&utm_source=designer&utm_content=musan-clouds&preview=db16eaf8a10fcd01a8d90fb5bc5e0ac7&mode=preview

This is the published site link:
https://musan-clouds.webflow.io/