Why does the layout “float” on a mobile device?

Question

css

Hello! A question arose, over which I had already killed a lot of time, and rummaged through the entire Internet, most likely the problem is small, but I can’t solve it in any way. There is a website optima.fm (I made it myself), it was adaptive, but the management wanted a separate mobile version. I made it on optima.fm/m/vinica.html , and so on the computer all the rules are displayed, and on the mobile device the text shifts up. This can be seen in the circle with the number 579, where the call icon is shifted down. How can I fix this, I tried a bunch of ways, it's useless ...

Answer 1

Try to add

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1"/>

Answer 2

#tel579 .textout {line-height: 45%}
try setting it to pixels.