In my website, alll cards have same size except the bottom left one. i have used same size of images for the card. can anyone explain how to fix it
<div class="row mx_auto">
{% for product in products.object_list %}
<div class="my_bottom_margin col-9 col-sm-12 col-md-4 xol-lg-4">
<div class="card text-center" style="min-width:18rem;">
<a href="{{product.get_url}}"><img class="card-img-top my_image" src="{{product.image.url}}" alt="{{product.name}}"></a>
<div class="card-body">
<h4>{{product.name}}</h4>
<p>{{product.price}}</p>
</div>
</div>
</div>
{% endfor %}
</div>1