Cards are a good way to display content composed of different types of objects. They’re well-suited for presenting similar objects whose size or supported actions vary, like headings and photos with captions.
Use card groups to render equal height cards without gutters between the cards. Use .card-deck
for cards that aren’t attached to each another.
A frequent problem occurs when you have multiple items in a row with content of varying height. Thanks to flexbox (and display:table) we now have equal height cards!