Equal height cards in a swiper

The solution is actually really easy:
Add this in your CSS

 .swiper-slide {
     height: auto;
    }

Then add the class of h-100 to the card:

<div class="card h-100">

Great thing about flex is you don’t need any additional scripts for equal height sibling elements anymore :slight_smile:

7 Likes