I have a grid of items where the first three are perfectly aligned, but the subsequent ones are scattered throughout the webpage. Please see here for an example. I would like to align all cards in the grid similar to the first three. Any help with this would be greatly appreciated. Below is the code snippet:
<div class="row">
<div class="col-md-4 mb-5">
<h2>Ултразвучни системи:</h2>
</div>
</div>
<!-- /.row -->
<div class="row ">
<div class="col-md-4 mb-5 d-flex align-items-stretch">
<div class="card h-100">
<img class="card-img-top" src="img\herai10.jpg"alt="">
<div class="card-body">
<h4 class="card-title">HERA I10</h4>
<p class="card-text">Акушерство, Гинекологија.</p>
</div>
<div class="card-footer">
<a href="#" class="btn btn-primary">Спецификации</a>
</div>
</div>
</div>
...
(Remaining card elements...)
...
</div>
</div><!-- /.row -->