Responsiveness looks different from designer to actual site

Hello guys, i am building the website for my girlfriend who is a wedding planer here in Germany. I am very happy with the design and everything works good. Now i have a problem with the responsiveness of the site. As you can see in the designer, everything looks good on smartphone and landscape mode. But when I open the published webflow link, the landscape mode looks very shitty and chaotic. The mobile looks good, but i had to add extra margins, because the content was wrapped together aswell.
Can someone tell me, what my problem here is?

Best regards
Marcel

https://preview.webflow.com/preview/laurashochzeitsplanung?utm_medium=preview_link&utm_source=designer&utm_content=laurashochzeitsplanung&preview=983e32f2fb5837d95586615efcaaa7c3&workflow=preview

https://www.laurashochzeitsplanung.de/

This is the look in the designer and preview

And this is the look on mobile (Chrome)

1 Like

Hey, es gibt immer mal kleine Unterschiede zwischen der Vorschau und dem echten Output. Allerdings nicht einen so großen. Habe das ganze auf meinem Notebook (16 Zoll), iPad (11 Zoll), und iPhone ausprobiert. Auf allen Geräten sieht die Website genau so aus, wie die Vorschau es vorgibt. Ich gehe davon aus, dass an vielleicht ein kleiner Fehler mit genau deinem Gerät ist. Mach dir also keine Sorgen.
Und ganz nebenbei: Die Website sieht traumhaft aus!

Lieben Gruß
Jan

Hey Jan, danke dir für deine schnelle Rückmeldung! Ich will mich nächstes Jahr mit Webseiten selbstständig machen und bin deshalb fleißig dabei. Meine Freundin und ich haben beide unterschiedliche Geräte ausprobiert und haben den selben Fehler. Jeder Output klappt auch, nur nicht mobile landscape. Magst du das noch einmal testen?

Besten Dank schon einmal und liebe Grüße
Marcel

Also bei mir erscheint tatsächlich auch im Landscape modus alles korrekt. (Nutze iPhone 14 pro)

1 Like

Anyone else who can help me on this topic ?

.hero-text-wrapper .container-w3 hat auf dem landscape breakpoint 43vh und beschränkt deshalb die Höhe und der Text passt nicht rein.