Why does the layout on the iPhone break?

Question

css

Faced such a problem that the layout on the iPhone breaks. The site is adapted for mobile devices and on the PC in Devtools everything is perfectly displayed on the width of the iPhone screen. I've been scratching my head for an hour now. On an android phone, the site is also displayed normally, one iPhone works out. Please tell me what could be the matter, because I already have no ideas. https://morsytk.000webhostapp.com


This is what it looks like on android:

Answer 1

try changing input type text instead of number

Answer 2

Although a little crooked, I solved the problem by replacing the width and font size% values ​​with vw. Thanks to everyone who responded :)