Extra height of container on IPad

Ask the community
,
1

Question:
Hi friends,

Recently, I have create a login page which has a container in a section. Inside the container, there is one username field, one password field, and one login button. After I have stacked the fields and button, everything is aligned well for PC and iPad screen. But for iPad screen the container is higher than the setting.

The image shows a login form for a service labeled "Login (POC)" with a username field, password field, and a login button, outlined in orange irregularly drawn lines. (Captioned by AI)
The image shows a login form for a service labeled "Login (POC)" with a username field, password field, and a login button, outlined in orange irregularly drawn lines. (Captioned by AI)653×510 20 KB

I would like to seek for an advice on how to fix this issue.

Thanks in advance for your help!

Product:
I am using Wix Studio

2

one way is: applying a css grid to the container and setting the row height to min content