Bagaimana ngelooping agar data gambar mengurut kepinggiir tidak ke bawah

saya punya web untuk menghasilkan data gambar dan sudah bisa namppil semua akan tetapi datanya berurutke bawah sedangkan saya maunya gaambar ke pinggir, misal setelah 4 gambar nampil langsung otomatis ke bawah dan seterusnya. saya lupa lagi mengenai pemakaian loopingnya berikut kode untuk menapilkan 1 card yg kebawah yg saya ceritakan.

<?php foreach($produk as $row){?>
        <div class="row">

          <div class="col-lg-4 col-md-6 mb-4">
            <div class="card h-100">
              <a href="#"><img class="card-img-top" src="<?=base_url();?>assets/image-upload/<?= $row->gambar;?>" alt=""></a>
              <div class="card-body">
                <h4 class="card-title">
                  <a href="#"><?php echo $row->nama;?></a>
                </h4>
                <h5>Rp. <?= $row->harga;?>,-00	</h5>
                <p class="card-text"><?= $row->deskripsi;?></p>
              </div>
              <div class="card-footer">
                <small class="text-muted">★ ★ ★ ★ ☆ click image to see detail</small>
              </div>
            </div>
          </div>

nah jika ingin 4 ke samping maka card nya harus diisi 4 gitu. nah gimana ya solusinya?