Topic: Show different amount of text to make cards same height
I would like to present multiple cards containing an image, title and text. Unfortunately, the images have different sizes which causes the cards to get different heights.
Is it possible to show a variable amount of the text on each card so that they all get the same height? That is: Set all cards to a given height, output the heading, picture and then fill the rest of the available space in the card with text?
I've created a snippet here: https://mdbootstrap.com/snippets/jquery/ererling-sande-no/2091354 In the snippet I would like to make the right card the same height as the left one by showing more of the collapsed text.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Open
- User: Pro
- Premium support: Yes
- Technology: MDB jQuery
- MDB Version: 4.18.0
- Device: PC
- Browser: Chrome
- OS: Win 10
- Provided sample code: No
- Provided link: Yes
Grzegorz Bujański staff commented 5 years ago
Unfortunately, the cards component does not have this option.