BOOTSTRAP/ Bu İki kart yapısını mobilde nasıl 2'li yan yan getirebilirim

Herkese iyi akşamlar bunlar masaüstü görünümde 4lü tek row da sıralanıyor ama mobil görünümde telefon ekranlarında nasıl ikili ikili sıralayabilirim yardımcı olur musunuz.

<!-- kart içeriği -->
<div class="row">
  <div class="col-lg-3 col-sm-6 col-12 mt-3">
    <div class="card card-width"> 
      <div class="card-body">
        <a href="#"><img class="col-12 d-flex justify-content-center" src="images/hizmetlogo1.png" alt=""></a>
        <h1 class="card-title col-12 d-flex justify-content-center card-basliklari">Dijital Pazarlama</h1>
        <p class="card-text">Pazarlama stratejileri geliştirme, dijital reklamcılık, e-posta pazarlama, sosyal medya pazarlaması, SEO, SEM ve diğer taktiklerin kullanımı gibi pazarlama ve reklamcılık hizmetleri sağlanır.</p>
        <a href="#" class="btn gradient-btn card-button-yazisi">Tarif İçin Tıklayınız</a>
      </div>
    </div>
  </div>
  <div class="col-lg-3 col-sm-6 col-12 mt-3">
    <div class="card card-width"> 
      <div class="card-body">
        <a href="#"><img class="col-12 d-flex justify-content-center" src="images/hizmetlogo1.png" alt=""></a>
        <h1 class="card-title col-12 d-flex justify-content-center card-basliklari">Web Sitesi Kurulumu</h1>
        <p class="card-text">İşletmelerin ihtiyaçlarına uygun bir e-ticaret veya kurumsal web sitesi tasarımı yapılır, var olan siteler ise gerekli düzenlemeler ile geliştirilir. Ayrıca, site yönetimi konusunda yardımcı olunur.</p>
        <a href="#" class="btn gradient-btn2 card-button-yazisi">Tarif İçin Tıklayınız</a>
      </div>
    </div>
  </div>
  <div class="col-lg-3 col-sm-6 col-12 mt-3">
    <div class="card card-width"> 
      <div class="card-body">
        <a href="#"><img class="col-12 d-flex justify-content-center" src="images/hizmetlogo2.png" alt=""></a>
        <h1 class="card-title col-12 d-flex justify-content-center card-basliklari">Sosyal Medya Yönetimi</h1>
        <p class="card-text">Sosyal medya hesaplarının oluşturulması, yönetimi ve içerik paylaşımında doğru stratejilerin belirlenmesi, içeriklerin oluşturulması ve tasarımı gibi konularda destek verilir.</p>
        <a href="#" class="btn gradient-btn3 card-button-yazisi">Tarif İçin Tıklayınız</a>
      </div>
    </div>
  </div>
  <div class="col-lg-3 col-sm-6 col-12 mt-3">
    <div class="card card-width"> 
      <div class="card-body">
        <a href="#"><img class="col-12 d-flex justify-content-center" src="images/hizmetlogo2.png" alt=""></a>
        <h1 class="card-title col-12 d-flex justify-content-center card-basliklari">Sosyal Medya Yönetimi</h1>
        <p class="card-text">Sosyal medya hesaplarının oluşturulması, yönetimi ve içerik paylaşımında doğru stratejilerin belirlenmesi, içeriklerin oluşturulması ve tasarımı gibi konularda destek verilir.</p>
        <a href="#" class="btn gradient-btn3 card-button-yazisi">Tarif İçin Tıklayınız</a>
      </div>
    </div>
  </div>
</div>

<!-- kart içeriği -->
<div class="row">
  <div class="col-lg-3 col-sm-6 col-6 mt-3">
    <div class="card card-width"> 
      <div class="card-body">
        <a href="#"><img class="col-12 d-flex justify-content-center" src="images/hizmetlogo1.png" alt=""></a>
        <h1 class="card-title col-12 d-flex justify-content-center card-basliklari">Dijital Pazarlama</h1>
        <p class="card-text">Pazarlama stratejileri geliştirme, dijital reklamcılık, e-posta pazarlama, sosyal medya pazarlaması, SEO, SEM ve diğer taktiklerin kullanımı gibi pazarlama ve reklamcılık hizmetleri sağlanır.</p>
        <a href="#" class="btn gradient-btn card-button-yazisi">Tarif İçin Tıklayınız</a>
      </div>
    </div>
  </div>
  <div class="col-lg-3 col-sm-6 col-6 mt-3">
    <div class="card card-width"> 
      <div class="card-body">
        <a href="#"><img class="col-12 d-flex justify-content-center" src="images/hizmetlogo1.png" alt=""></a>
        <h1 class="card-title col-12 d-flex justify-content-center card-basliklari">Web Sitesi Kurulumu</h1>
        <p class="card-text">İşletmelerin ihtiyaçlarına uygun bir e-ticaret veya kurumsal web sitesi tasarımı yapılır, var olan siteler ise gerekli düzenlemeler ile geliştirilir. Ayrıca, site yönetimi konusunda yardımcı olunur.</p>
        <a href="#" class="btn gradient-btn2 card-button-yazisi">Tarif İçin Tıklayınız</a>
      </div>
    </div>
  </div>
  <div class="col-lg-3 col-sm-6 col-6 mt-3">
    <div class="card card-width"> 
      <div class="card-body">
        <a href="#"><img class="col-12 d-flex justify-content-center" src="images/hizmetlogo2.png" alt=""></a>
        <h1 class="card-title col-12 d-flex justify-content-center card-basliklari">Sosyal Medya Yönetimi</h1>
        <p class="card-text">Sosyal medya hesaplarının oluşturulması, yönetimi ve içerik paylaşımında doğru stratejilerin belirlenmesi, içeriklerin oluşturulması ve tasarımı gibi konularda destek verilir.</p>
        <a href="#" class="btn gradient-btn3 card-button-yazisi">Tarif İçin Tıklayınız</a>
      </div>
    </div>
  </div>
  <div class="col-lg-3 col-sm-6 col-6 mt-3">
    <div class="card card-width"> 
      <div class="card-body">
        <a href="#"><img class="col-12 d-flex justify-content-center" src="images/hizmetlogo2.png" alt=""></a>
        <h1 class="card-title col-12 d-flex justify-content-center card-basliklari">Sosyal Medya Yönetimi</h1>
        <p class="card-text">Sosyal medya hesaplarının oluşturulması, yönetimi ve içerik paylaşımında doğru stratejilerin belirlenmesi, içeriklerin oluşturulması ve tasarımı gibi konularda destek verilir.</p>
        <a href="#" class="btn gradient-btn3 card-button-yazisi">Tarif İçin Tıklayınız</a>
      </div>
    </div>
  </div>
</div>

Bunu dener misin?

<div class="col-lg-3 col-sm-6 col-6 mt-3"> hocam burdaki sonda yazılan ekran belirtilmeden kullanılan kod col-6 tam görevi nedir?

Bir de responsive bozuyor hocam bozmadan yapabilme gibi durumumuz olmaz mı

<div class="col-lg-3 col-sm-6 col-6 mt-3"> hocam burdaki sonda yazılan ekran belirtilmeden kullanılan kod col-6 tam görevi nedir?

Bir de responsive bozuyor hocam bozmadan yapabilme gibi durumumuz olmaz mı