Установка всех карт одинаковой высоты (mdbootstrap) - PullRequest
Новая
       22

Установка всех карт одинаковой высоты (mdbootstrap)

0 голосов
/ 05 марта 2019

Я использую mdbootstrap в своем Angular Project, поэтому, когда я отображаю несколько карточек на своем экране, они не имеют одинаковую высоту из-за разницы в высоте изображений карточек, как вы можете видеть по приведенной ниже ссылке:

https://ibb.co/NpqWy7z

Вот код для этого 

 <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
        content.
 </mdb-card-text>

 <a href="#" mdbBtn color="primary" mdbWavesEffect>Button</a>
 </mdb-card-body>
 </mdb-card>
 </div>

Как вы можете видеть, я уже пытался дать класс css cardimg и применить к нему css 

.cardimg{
width: 100%;
height: 50px;
object-fit: cover;
}

но все равно это не решает мою проблему

...