Php Ürün Slider'ında Aynı Ürünü Kopyalama Problemi

Merhaba arkadaşlar. Şöyle bir sorun var. İnternet üzerinden bir html tema aldım. Html, css ve javascript birleşimi. İçini php ile ben dolduruyorum. Şimdi, 1. ürünü ekliyorum, aynı ürün bir altına da kopyalanıyor. Altındaki ürün kısmını sildiğimde de tek sıra halinde gidiyor ve "br" ile de aşağıya inmiyor ürünler. Aşağıda çok boşluk kalıyor. Temayı yapan kişi aynı ürünü iki kere göstermek istemez, bir altına da ürün eklemesi yapılabilsin, der diye düşünüyorum. Css'ye müdahale edip ayarını da bozmak istemiyorum sitenin. Kodlar ve resim aşağıda. Bir bakabilir misiniz?

<div class="new-product-slider owl-carousel owl-nav-style">
    <?php
    $yenigelenurunekle_index_sorgusu = "SELECT * FROM yenigelenurunekle";
    $yenigelenurunekle_index_sorgusu_query = mysqli_query($db, $yenigelenurunekle_index_sorgusu);
    foreach($yenigelenurunekle_index_sorgusu_query as $yenigelenurunekle_index_goster) {
    ?>
    
        <div class="product-inner-item">
            <article class="list-product mb-30px">
                <div class="img-block">
                    <a href="single-product.html" class="thumbnail">
                        <img class="first-img" src="images/yenigelenurunekle/<?php echo $yenigelenurunekle_index_goster['yenigelenurunekle_resim']; ?>" alt="" />
                    </a>
                    <div class="quick-view">
                        <a class="quick_view" href="#" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#exampleModal">
                            <i class="ion-ios-search-strong"></i>
                        </a>
                    </div>
                </div>
                <ul class="product-flag">
                    <li class="new">New</li>
                </ul>
                <div class="product-decs">
                    <a class="inner-link" href="shop-4-column.html"><span>STUDIO DESIGN</span></a>
                    <h2><a href="single-product.html" class="product-link"><?php echo $yenigelenurunekle_index_goster['yenigelenurunekle_baslik']; ?></a></h2>
                    <div class="rating-product">
                        <i class="ion-android-star"></i>
                        <i class="ion-android-star"></i>
                        <i class="ion-android-star"></i>
                        <i class="ion-android-star"></i>
                        <i class="ion-android-star"></i>
                    </div>
                    <div class="pricing-meta">
                        <ul>
                            <li class="old-price">€23.90</li>
                            <li class="current-price">€21.51</li>
                            <li class="discount-price">-10%</li>
                        </ul>
                    </div>
                </div>
                <div class="add-to-link">
                    <ul>
                        <li class="cart"><a class="cart-btn" href="#">ADD TO CART </a></li>
                        <li>
                            <a href="wishlist.html"><i class="ion-android-favorite-outline"></i></a>
                        </li>
                        <li>
                            <a href="compare.html"><i class="ion-ios-shuffle-strong"></i></a>
                        </li>
                    </ul>
                </div>
            </article>


            <article class="list-product">
                <div class="img-block">
                    <a href="single-product.html" class="thumbnail">
                        <img class="first-img" src="images/yenigelenurunekle/<?php echo $yenigelenurunekle_index_goster['yenigelenurunekle_resim']; ?>" alt="" />
                    </a>
                    <div class="quick-view">
                        <a class="quick_view" href="#" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#exampleModal">
                            <i class="ion-ios-search-strong"></i>
                        </a>
                    </div>
                </div>
                <ul class="product-flag">
                    <li class="new">New</li>
                </ul>
                <div class="product-decs">
                    <a class="inner-link" href="shop-4-column.html"><span>STUDIO DESIGN</span></a>
                    <h2><a href="single-product.html" class="product-link"><?php echo $yenigelenurunekle_index_goster['yenigelenurunekle_baslik']; ?></a></h2>
                    <div class="rating-product">
                        <i class="ion-android-star"></i>
                        <i class="ion-android-star"></i>
                        <i class="ion-android-star"></i>
                        <i class="ion-android-star"></i>
                        <i class="ion-android-star"></i>
                    </div>
                    <div class="pricing-meta">
                        <ul>
                            <li class="old-price">€35.90</li>
                            <li class="current-price">€34.11</li>
                            <li class="discount-price">-5%</li>
                        </ul>
                    </div>
                </div>
                <div class="add-to-link">
                    <ul>
                        <li class="cart"><a class="cart-btn" href="#">ADD TO CART </a></li>
                        <li>
                            <a href="wishlist.html"><i class="ion-android-favorite-outline"></i></a>
                        </li>
                        <li>
                            <a href="compare.html"><i class="ion-ios-shuffle-strong"></i></a>
                        </li>
                    </ul>
                </div>
            </article>
        </div>

    <?php } ?>

</div>

https://www.hizliresim.com/lx22aqd

Foreach döngüsünü burda başlat "<article></article>" 

Üst Div elementinide döngüye sokuyorsun sorun oradan kaynaklanıyor.

<div class="new-product-slider owl-carousel owl-nav-style">
    <?php
    $yenigelenurunekle_index_sorgusu = "SELECT * FROM yenigelenurunekle";
    $yenigelenurunekle_index_sorgusu_query = mysqli_query($db, $yenigelenurunekle_index_sorgusu);
    ?>
   <div class="product-inner-item">
       <?php foreach($yenigelenurunekle_index_sorgusu_query as $yenigelenurunekle_index_goster) {?>
          <article class="list-product mb-30px">
             <div class="img-block">
                <a href="single-product.html" class="thumbnail">
                   <img class="first-img" src="images/yenigelenurunekle/<?php echo $yenigelenurunekle_index_goster['yenigelenurunekle_resim']; ?>" alt="" />
                </a>
                <div class="quick-view">
                   <a class="quick_view" href="#" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#exampleModal">
                      <i class="ion-ios-search-strong"></i>
                   </a>
                </div>
             </div>
             <ul class="product-flag">
                <li class="new">New</li>
             </ul>
             <div class="product-decs">
                <a class="inner-link" href="shop-4-column.html"><span>STUDIO DESIGN</span></a>
                <h2><a href="single-product.html" class="product-link"><?php echo $yenigelenurunekle_index_goster['yenigelenurunekle_baslik']; ?></a></h2>
                <div class="rating-product">
                   <i class="ion-android-star"></i>
                   <i class="ion-android-star"></i>
                   <i class="ion-android-star"></i>
                   <i class="ion-android-star"></i>
                   <i class="ion-android-star"></i>
                </div>
                <div class="pricing-meta">
                   <ul>
                      <li class="old-price">€23.90</li>
                      <li class="current-price">€21.51</li>
                      <li class="discount-price">-10%</li>
                   </ul>
                </div>
             </div>
             <div class="add-to-link">
                <ul>
                   <li class="cart"><a class="cart-btn" href="#">ADD TO CART </a></li>
                   <li>
                      <a href="wishlist.html"><i class="ion-android-favorite-outline"></i></a>
                   </li>
                   <li>
                      <a href="compare.html"><i class="ion-ios-shuffle-strong"></i></a>
                   </li>
                </ul>
             </div>
          </article>
       <?php } ?>
   </div>
</div>

Dediğinizi yaptım ama resimdeki gibi aşağıdaki gibi tek sıra sonuç veriyor.

https://www.hizliresim.com/hipx1ha

<article style="float: left; width: 235px;">

//....

</article>

bu şekilde denermisin.

Css fayda etmiyor. Sayfa içinde bile css işlemiyor.

Aşağıdaki gibi hallettim. "product-inner*-item" kısmına "gridsistemi" diye bir css koydum ve halloldu. Cevaplar için teşekkürler.

<div class="new-product-slider owl-carousel owl-nav-style">

    <?php
    $yenigelenurunekle_index_sorgusu = "SELECT * FROM yenigelenurunekle LIMIT 8";
    $yenigelenurunekle_index_sorgusu_query = mysqli_query($db, $yenigelenurunekle_index_sorgusu);
    ?>

    <div class="product-inner-item gridsistemi">
        <?php foreach($yenigelenurunekle_index_sorgusu_query as $yenigelenurunekle_index_goster) { ?>
            <article class="list-product mb-30px">
                <div class="img-block">
                    <a href="single-product.html" class="thumbnail">
                        <img class="first-img" src="images/yenigelenurunekle/<?php echo $yenigelenurunekle_index_goster['yenigelenurunekle_resim']; ?>" alt="" />
                    </a>
                    <div class="quick-view">
                        <a class="quick_view" href="#" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#exampleModal">
                            <i class="ion-ios-search-strong"></i>
                        </a>
                    </div>
                </div>
                <ul class="product-flag">
                    <li class="new">New</li>
                </ul>
                <div class="product-decs">
                    <a class="inner-link" href="shop-4-column.html"><span>STUDIO DESIGN</span></a>
                    <h2><a href="single-product.html" class="product-link"><?php echo $yenigelenurunekle_index_goster['yenigelenurunekle_baslik']; ?></a></h2>
                    <div class="rating-product">
                        <i class="ion-android-star"></i>
                        <i class="ion-android-star"></i>
                        <i class="ion-android-star"></i>
                        <i class="ion-android-star"></i>
                        <i class="ion-android-star"></i>
                    </div>
                    <div class="pricing-meta">
                        <ul>
                            <li class="old-price">€23.90</li>
                            <li class="current-price">€21.51</li>
                            <li class="discount-price">-10%</li>
                        </ul>
                    </div>
                </div>
                <div class="add-to-link">
                    <ul>
                        <li class="cart"><a class="cart-btn" href="#">ADD TO CART </a></li>
                        <li>
                            <a href="wishlist.html"><i class="ion-android-favorite-outline"></i></a>
                        </li>
                        <li>
                            <a href="compare.html"><i class="ion-ios-shuffle-strong"></i></a>
                        </li>
                    </ul>
                </div>
            </article>

        <?php } ?>

    </div>
</div>

.gridsistemi {
    display: grid;
    grid-template-columns: 100% 100% 100% 100%;
    grid-template-rows: auto auto;
    justify-content: space-between;
    column-gap: 10%;
}