I am struggling with these pop-up cards.
Normal. I like this one for customisation . But om my iPhone I have a small border on both sides while the top and bottom are full. I can’t get them to disappear.
Full screen. This solves the sides… but the downside is that they are also fullscreen on my desktop, which is not what I want.
So classic. Which is also nice, but when I have a long pop-up. The buttons won’t go into my screen (only when I swype and hold, but then I cannot touch the close button.
So what is the best option (and configuration) these ‘wishes’
- A nice ‘floating’ pop-up (like classic) but with a close button inside the screen.
- A full screen pop-up on my iPhone but not on my desktop.
- Utilising ‘normal’ which results in a fullscreen view on my iPhone.
For case three I used something like 100vw css but that didn’t work out.