Saat Tampilan mobile pada Web Toko Online Ci produk Tertumpuk

Assalamualaikum Warahmatullahi Wabarakatuh...
bang ada yang bisa bantu, jika ditampilkan di mobile , maka tampilan produk akan tertumpuk seprti gambar dibawah ini
script yang saya pakai :
 
 echo "<div class='col-sm-2 col-xs-6 produk'>
                    <div style='height:140px;'>
                        <center>";
                          if ($stok=='0'){ $blur = 'blur'; $status = '<div class="stok">SOLD OUT</div>'; }else{ $blur = 'normal'; $status = ''; }
                          echo "<a href='".base_url()."produk/detail/$row[produk_seo]'><p style='line-height:20px'>$row[nama_produk]</p>
                                  <img class='$blur' src='".base_url()."asset/foto_produk/$foto_produk'>
                                  $status";
                                  if ($row['diskon']=='0'){
                                    echo "<span style='color:green;'>Rp ".rupiah($row['harga_konsumen'])."</span><br>";
                                  }else{
                                    echo "<span style='color:green;'>Rp ".rupiah($row['harga_konsumen']-$row['diskon'])."</span>
                                         <span style='color:#8a8a8a;'><del>".rupiah($row['harga_konsumen'])."</del></span><br>";
                                  }
 
                                  echo "
                          </a><br>
                        </center>
                   </div> </div>";