How to manage different size of contents in a card, keeping the card size same?
You can achieve this with using css flexbox. The
align-items: stretch is the property that should be applied to the container of the Cards.
align-items explanation here for more info: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
This will make all Cards equal to the card with the greatest height. Then you can make sure all of the “mapped” buttons are aligned across the cards.