HTML / PHP / CSS / JAVASCRIPT @media

Question

I've created a web page, for mobiles, vertically and horizontally in css with the famous @media.
In my page 'contact me' (I've a code in sololearn, it's looks like.) I've input and when I clic to write and my keyboard appears, my page become adapted horizontally, but I'm vertically... how can I do ?
(sry if I don't rly explain good)
thanks.
https://code.sololearn.com/WP9e696RYJt3/?ref=app

Answer 1

SoloLearn playground output have a tab section to separate output and code and it reduce the viewport of your webpage, so when you start to write and your keyboard appeared, the viewport width is longer than the viewport height. so your code automatic change orientation look from vertical to horizontal.
hope this help.
i had the problem what you said, see my code below for your problem
https://code.sololearn.com/WJLjkgXHRgAI/?ref=app

Answer 2

thanks, but it's same not in sololearn but also in chrome ^^

Answer 3

the problem is keyboard. I think the keyboard programmed to change orientation from vertical to horizontal when appeared like a computer screen

Answer 4

yes

Answer 5

Did you mean after you click send and there is an alert message and when I click OK and then the page become white ??
🌕🌕🙈🙈
I