openmindculture / ingo-steinke.de

www.ingo-steinke.com is a portfolio website about web developer Ingo Steinke. The site is built using HTML, CSS, JavaScript, and 11ty (eleventy). English version: www.ingo-steinke.com

Home Page:https://www.ingo-steinke.de/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

display error: mobile menu height on old iPhone and mobile Vivaldi

openmindculture opened this issue · comments

Pixel 4 screenshot, allgedly 393 css pixels wide, which is more that the emulated iPhone SE's 375, so why can`t reproduce?
Is the margin on the left tied to the wrong breakpoint?
There is no such left margin in the emulation at all.
Real mobile Firefox also works perfectly well on the Pixel 4, but Vivaldi doesn't.
Real mobile Chrome shows also works as expected.
Even in UCBrowser, I can't reproduce the error.
But mobile Safari 11 on Phone 8 behaves the same. Does that give any hint? Flexbox properties without a proper fallback? Because the latest iPhone is also fine and bug-free.

Image

Image

and the QR code should stay in the top right section of the contact block if there is enough space. There is on Pixel 7 dimensions (width 412 css pixels) and possibly even on iPhone SE (375 px width).

Image