<article>
<div class="container">
<div class="row">
<div class="col-12 col-md-6 col-lg-4 mb-3 mb-md-0">
<?php foreach ($publicacao as $pl): ?>
<div class="card">
<div class="img-container">
<a href="index.php?post=<?php echo $pl['title']?>">
<img src="<?php echo $pl['capa']?>" alt="<?php echo $pl['alt']?>" class="card-img-top">
</a>
</div>
<div class="card-body">
<a href="index.php?post=<?php echo $pl['title']?>" class="card-title cardTitleLink">
<h2 class="cardTitle"><?php echo $pl['title']?></h2>
</a>
<p class="card-text text-muted"><?php echo $pl['text']?></p>
<a href="index.php?post=<?php echo $pl['title']?>" class="btn btn-outline-danger btn-sm">Continue Lendo</a>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
</article>
У меня есть этот скрипт, который возвращает записи из моей базы данных. У меня 10 записей в БД, проблема в том, что карты расположены вертикально, одна поверх другой. Правильнее было бы, чтобы карты были выровнены по горизонтали, как мне это сделать?