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, and thanks to flexbox we now have equal height cards! Clear, concise and bold.