Responsive preview of BeBuilder looks different from the actual view on the smartphone
I made adjustments for the mobile version (what is really a great function of the BeBuilder, by the way), which also look great in the responsive preview of the BeBuilder. But unfortunately, these adjustments look different in reality on the smartphone. To illustrate what I mean, I'm sending you three screenshots. On the left side you always see the BeBuilder mobile view, on the right side the real view, how it really looks on my smartphone (iPhone X):
1) The fonts are not the same
2) The font of the title goes beyond the bounding box (and fonts are different again)
3) The elements - here the camera and the title - are no longer centered
Why is there a difference between the responsive preview of the BeBuilder and the real view and how can I fix it? I understand that smartphones are different, wider and narrower, and therefore it will always look slightly different on each smartphone. But the aspects mentioned shouldn't occur, no matter what the dimensions of a smartphone are. When using the mobile preview-function, of cause I must be sure that I can rely on what I see. Thanks for your ideas!