Herkese iyi akşamlar nerede yanlış yaptım neden mobil görünümde yatay scroll oluşuyor bulamadım. Müsait olan hocalarım Bakabilir misiniz. burada hata yoksa css kodlarını da eklerim yapay zekaya halledemedi.

    <header class="header-area">
        <!-- site-navbar start -->
        <div class="navbar-area">
          <div class="container">
            <nav class="site-navbar">
              <!-- site logo -->
              <a href="index.html" class="site-logo">Dijital Gelişim Ofisi</a>
      
              <!-- site menu/nav -->
              <ul class="navbar-conent-li-a">
                <li><a href="#">Anasayfa</a></li>
                <li><a href="#">Hakkımızda</a></li>
                <li><a href="#">Hizmetlerimiz</a></li>
                <li><a href="#">Referanslarımız</a></li>
                <li><a href="#">Başvuru Formu</a></li>
                <li><a href="#">Ekip Üyelerimiz</a></li>
              </ul>
          <!-- nav-toggler for mobile version only -->
              <button class="nav-toggler">
                <span></span>
              </button>
            </nav>
          </div>
        </div><!-- navbar-area end -->
      </header>
      
      <div id="myCarousel" class="carousel slide" data-bs-ride="carousel">
        <div class="carousel-inner">
          <div class="carousel-item active">
            <img src="images/basiskele-web-tasarim.jpg" alt="Slide 1" style="height: 450px; width: 100%;">
          </div>
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev">
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next">
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="visually-hidden">Next</span>
        </button>
      </div>
<div class="container mt-5">
  <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-12 d-flex justify-content-center">
      <h1 style="font-size: 37px; font-weight: 800; color: yellow; letter-spacing: 2px; font-family: sofia-;">HİZMETLERİMİZ</h1>
    </div>
  </div>
  <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-12 d-flex justify-content-center">
      <h2 style="color: #E9F8FF; font-weight: bold;">Sizin İçin Ne Yapabiliriz ?</h2>
    </div>
  <div class="row mt-5">
    <div class="col-lg-12 col-md-12 col-sm-12 col-12 d-flex justify-content-center">
      <p style="color: #A8A8A8;">Ziyaretçilerinizi müşteriye dönüştüren profesyonel tasarım ve yazılım hizmetleri için</p>
    </div>
  </div>
  <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-12 d-flex justify-content-center">
      <p style="color: #A8A8A8;">18 yıllık sanatsal derinlikle çalışıyoruz.</p>
    </div>
  </div>
      <div class="row mt-5">
        <div class="col-lg-3 col-md-6 col-sm-6"><div class="card" style="width: auto;">
            <div class="card-body">
             <a href="#"><img src="images/" alt=""></a>
              <h1 style="font-weight: bold;" class="card-title col-12 d-flex justify-content-center">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" style="font-size: medium; color: white;">Tarif İçin Tıklayınız</a>
            </div>
          </div></div>
          
          <div class="col-lg-3 col-md-6 col-sm-6"><div class="card" style="width: auto;">
            <div class="card-body">
              <a href="#"><img src="images/" alt=""></a>
              <h1 style="font-weight: bold;" class="card-title col-12 d-flex justify-content-center">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 eğer işletme web sitesine sahip ise gerekli düzenlemeler ile site geliştirilir.</p>
              <a href="#" class="btn gradient-btn2" style="font-size: medium; color: white;">Tarif İçin Tıklayınız</a>
            </div>
          </div></div>
          <div class="col-lg-3 col-md-6 col-sm-6"><div class="card" style="width: auto;">
            <div class="card-body">
              <a href="#"><img src="images/" alt=""></a>
              <h1 style="font-weight: bold;" class="card-title col-12 d-flex justify-content-center">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 belirlemesi, içeriklerin oluşturularak tasarımlarının yapılması gibi yardımlar sağlamaktayız.</p>
              <a href="#" class="btn gradient-btn3" style="font-size: medium; color: white;">Tarif İçin Tıklayınız</a>
            </div>
          </div></div>
          <div class="col-lg-3 col-md-6 col-sm-6"><div class="card" style="width: auto;">
            <div class="card-body">
             <a href="#"><img src="images/" alt=""></a>
              <h1 style="font-weight: bold;" class="card-title col-12 d-flex justify-content-center">Analizi ve Raporlama</h1>
              <p class="card-text">Web sitesi trafiğini, dönüşüm oranlarını ve diğer önemli performans metrikleri izlenir, anahtar kelime planlamaları aratma hacimleri ve tıklanma oranları raporlanır.</p>
              <a href="#" class="btn gradient-btn4" style="font-size: medium; color: white;">Tarif İçin Tıklayınız</a>
            </div>
          </div></div>
    </div>
  </div>
    

<br><br><br><br><br><br>