У меня есть вот такой div, и вот такой
Код:
#under {
font-family: var(--righteous-font);
position: fixed;
left: 0;
bottom: 0;
color: #fff;
width: 100%;
background: rgba(0, 0, 0, 0.8);
}
span.gh {
position: relative;
top: -10px;
left: 10px;
}
span.vk {
position: absolute;
top: -10px;
right: 10px;
}
<div id="under">
<span class="s1">
Text_1
<a href="..." target="_blank">
<img class="logo" src="res/s1.png">
</a>
</span>
<span class="s2">
<a href="..." target="_blank">
<img class="logo" src="res/s2.png">
</a>
Text_2
</span>
</div>
div отображается корректно, как я хочу, но если я открою страницу со смартфона, при увеличении страницы, div остается на своём месте и смещается, как сделать так, чтобы div был всегда одном месте?