Do you set up adding vertical lines between pictures?
I have tried. But in different resolutions, the vertical line looked small or large. The picture was adjusted according to the resolution, but the vertical line was not.
Footer
<center>
<div class="footer-pc">
<hr class="new1">
<a href="https://www.oyuntech.com/csgo-fullmod-fun-server-kiralama.html" target="blank">
<img title="csgo server kiralama" width="13%" height="13%" src="https://forum.sourceturk.net/assets/pictures/oyuntech2.png">
</a>
<a href="https://www.oyunhost.net/cart.php?gid=1" target="blank">
<img title="csgo server kiralama" width="13%" height="13%" src="https://forum.sourceturk.net/assets/pictures/oyunhost2.png">
</a>
<a href="https://www.ekiphost.com/vds-sanal-sunucu-satin-al" target="blank">
<img title="vds sanal sunucu kirala" width="13%" height="13%" src="https://forum.sourceturk.net/assets/pictures/ekiphost2.png">
</a>
</div>
<div class="footer-mobil">
<hr class="new1">
<a href="https://www.oyuntech.com/csgo-fullmod-fun-server-kiralama.html" target="blank">
<img title="csgo server kiralama" width="23%" height="23%" src="https://forum.sourceturk.net/assets/pictures/oyuntech2.png">
</a>
<a href="https://www.oyunhost.net/cart.php?gid=1" target="blank">
<img title="csgo server kiralama" width="23%" height="23%" src="https://forum.sourceturk.net/assets/pictures/oyunhost2.png">
</a>
<a href="https://www.ekiphost.com/vds-sanal-sunucu-satin-al" target="blank">
<img title="vds sanal sunucu kirala" width="23%" height="23%" src="https://forum.sourceturk.net/assets/pictures/ekiphost2.png">
</a>
</center>
Css
@media (max-width: 767px)
{
.footer-pc
{
display: none;
}
}
@media (min-width: 768px)
{
.footer-mobil
{
display: none;
}
}
hr.new1
{
border-top: 1px solid;
color: #9D9FA2;
background-color: #9D9FA2;
widht: 100%;
height: 1px;
}