отображение товаров из сетки через базу данных

Здраствуйте, я решил, для практики в веб-программировании, создать интернет-магазин. Он должен с помощью базы данных phpmyadmin размещать товары в сетку. Все работает, но есть небольшая проблема: Каждая позиция начинается с новой строки и в итоге правая часть магазина пуста, а левая заполнена товаром введите сюда описание изображения

Вот код:

<?php
$details = get_details_all();
foreach ($details as $single):  ?>
<?php $category_name = get_category_by_id($single["category_id"]); ?>
<?php $brand_name = get_brand_by_id($single["brand_id"]); ?>

<main> 
  <section class="text-center mb-4">
    <div class="row">
      <div class="col-3 mb-4">
        <div class="card">
          <div class="view overlay">
            <img class="card-img-top" src="<?php echo $single["img"];?>">
            <hr>
            <a href="/product.php?id=<?php echo $single["id"];?>">
              <div class="mask rgba-white-slight"></div>
            </a>
          </div>
          <div class="card-body text-center">
            <a href="/product.php?id=<?php echo $single["id"];?>" class="grey-text">
              <h5><?php echo $single["title"];?></h5>
            </a>
            <h5>
              <strong><?php echo $brand_name; ?>
              <a href="/categories.php">
                </span></a>
              </strong>
            </h5>
            
            <h4 class="font-weight-bold blue-text">
              <strong><?php echo $single["price"];?></strong>
            </h4>
          </div>
        </div>
      </div>
    </div>
  </section>

<?php endforeach; ?>
  

Ответы (1 шт):

Автор решения: CbIPoK2513

У вас неправильная конструкция, в добавок был не закрыт тег span (там где ссылка на categories.php), код ниже может решить проблему

<main>
<?php
$details = get_details_all();
foreach ($details as $single):  
  $category_name = get_category_by_id($single["category_id"]);
  $brand_name = get_brand_by_id($single["brand_id"]);
?>
  <section class="text-center mb-4">
    <div class="row">
      <div class="col-3 mb-4">
        <div class="card">
          <div class="view overlay">
            <img class="card-img-top" src="<?php echo $single["img"];?>">
            <hr>
            <a href="/product.php?id=<?php echo $single["id"];?>">
              <div class="mask rgba-white-slight"></div>
            </a>
          </div>
          <div class="card-body text-center">
            <a href="/product.php?id=<?php echo $single["id"];?>" class="grey-text">
              <h5><?php echo $single["title"];?></h5>
            </a>
            <h5>
              <strong><?php echo $brand_name; ?>
                <a href="/categories.php">
                  <span></span>
                </a>
              </strong>
            </h5>
            <h4 class="font-weight-bold blue-text">
              <strong><?php echo $single["price"];?></strong>
            </h4>
          </div>
        </div>
      </div>
    </div>
  </section>
<?php endforeach; ?>
</main>
→ Ссылка