Setting Boostrap card heights equal to one another

Topic: Setting Boostrap card heights equal to one another

I am using mdb bootstrap card in my project so when i have various items or say multiple cards the height of each card is different from the other due to difference in height of card-image as you can see here

so how do i set the height of all card-images equal?

<div class="col">
   <mdb-card  style="width:17rem;" class="c1">
   <div class="view rgba-white-slight waves-light" mdbWavesEffect>
   <mdb-card-img [src]="p?.imageurl" alt="Card image cap" class="cardimg"></mdb-card- 
   img>
   <a>
   <div class="mask"></div>
   </a>
   </div>
   <mdb-card-body>
   <mdb-card-title>
   <h4>Card Title</h4>
   </mdb-card-title>
   <mdb-card-text> Some quick example text to build on the card title and make up the bulk 
   of the card content.
   </mdb-card-text>
   <a href="#" mdbBtn color="primary" mdbWavesEffect>Button</a>
   </mdb-card-body>
   </mdb-card>
   </div>

Add comment

Damian Gemza staff answered 6 years ago