Different displaying in preview and live versions

What’s up guys?)
I’ve been trying to make my first site and faced a trouble. In preview mode site looks in a way it should

on real mobile device it’s terrible

So, my question is what’s the reason for such behavior?
Thanks in advance!

Here is my site Read-Only: Webflow - Филипп's Initial Project

Hey Philipp, I would try resizing some of the elements (maybe do a percentage for width instead) since some are overflowing on smaller devices causing horizontal scrolling.

Hope this helps!