Topic: Show different amount of text to make cards same height

Espen Rønning priority asked 4 years ago


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.


Grzegorz Bujański staff commented 4 years ago

Unfortunately, the cards component does not have this option.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue

  • ForumUser: Priority
  • 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