Mobil uyum sorununu çözmek için öncelikle head tagleri arasına bu kodu girin.
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Ürünleri mobilde yan yana 2 adet olacak şekilde görüntülemek için bu kodu style tagleri arasına girin.

.urun {float: left; width: 50%; padding: 10px;}

Ürünlerinizi class'ı urun olan divler içine alın.
Örnek:

<div class="urun"><img src="https://i.hizliresim.com/n5z8wv8.jpg" style="width:100%">
<br>
<font color="black">Aciklama</font><br>
<font color="black">Aciklama</font><br>
<b> <font color="red">5.25</font><br></b></div>

İstediğiniz tam anlamıyla olacaktır.
İyi forumlar.

(R10.net meta tagını kod olarak paylaştığımda bozduğu için düzenlenmiştir.)