Mobile version not same with preview

Design help General
1

Hello,

I am testing my website on mobile version but i have a little problem. When i preview my website with mobile resolution there is no problem. But when I go to the website from myphone, i see at the text that are in the three linkblocks move a little out of the blocks. Now i know that i can fix this with setting the margin to up, but my question is, why i cant see this problem in preview mode but only when i open it from my mobile device.

Someone that knows the answer or got a solution?
Here is my link to the published version:

https://sibel.webflow.io/

Here is my site Read-Only: https://preview.webflow.com/preview/sibel?utm_medium=preview_link&utm_source=dashboard&utm_content=sibel&preview=70aa2bac69d1a04c3201bcefd1777c66&mode=preview

2

Different OS and browser. The reason why testing should be done on devices.

3

Ok so, as i understand, it can always be different even when the preview is good it can be different on mobile devices?

4

That depends on what you do and how you layout elements. I test across all A devices when I design to make sure.

5

Okay thank you for your fast reply and the tip.
Will use the tip from now to be sure!