Есть проблема с адаптивностью блоков, показанных на скриншоте. Может я допустил ошибку в коде?
<div class="container">
<div class="row row-cols-auto justify-content-md-center">
<?php
include "database.php";
$result = mysqli_query($induction,"SELECT * FROM `donate`");
$count = 0;
while($tovar = mysqli_fetch_assoc($result)) {
if ($tovar['type'] == "sborka"){
$count = $count + 1;
?>
<div class="col-2.5 mr-auto" style="display: inline-block">
<a id="open<?php echo $count?>">
<div class="product">
<img src="<?php echo $tovar['image']?>" class="primg">
</div>
</div>
</a>
<?php
}
}
?>
</div>
</div>
</div>
</div>
.product
{
background-color: rgb(206, 102, 6);
height: 250px;
width: 250px;
border-radius: 35px;
margin-bottom: 40px;
box-shadow: 10px 10px 20px gray;
display: inline-block;
transition: ease-in-out;
transition-duration: 0.2s;
}
