Помогите с html

[Давидыч]

Приветствую.
Подскажите пожалуйста, как править код, что бы отобразилось на телефоне правильно (пример: https://prnt.sc/yzes0h )



<p><a href="#" class="myButton">English <img src="en.png"></a></p>
<p><a href="#" class="myButton">Türk <img src="tr.png"></a></p>
<p><a href="#" class="myButton">Русский <img src="ru.png"></a></p>
<style>
body {
background-color: #0f1113;
}
.myButton {
box-shadow: 0px 10px 14px -7px #276873;
background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
background-color:#599bb3;
border-radius:8px;
display:block;
width:180px;
margin:8px;
cursorointer;
color:#ffffff;
font-family:Arial;
font-size:30px;
font-weight:bold;
padding:21px 92px;
text-decoration:none;
text-shadow:0px 1px 21px #3d768a;
}
.myButton:hover {
background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
background-color:#408c99;
}
.myButton:active {
position:relative;
top:1px;
}

</style>

 

[rozovayapanda]

Позицию меняй.
По идее адаптацию под экраны (устройства) делается в bootstrap, flex и тому подобное.

 

[masyanya]

Добавь строчку
start
dolboeb: writetext <Это тебе не форум программистов, ищи в другом месте>
end.

 

[PONOSSS]

<div class="container">
<p><a href="#" class="myButton">English <img src="en.png"></a></p>
<p><a href="#" class="myButton">Türk <img src="tr.png"></a></p>
<p><a href="#" class="myButton">Русский <img src="ru.png"></a></p>
</div>


<style>
container {
width 100%
display block
margin 0 auto
}

</style>