redo subheadings and organization of card layout options

diff --git a/docs/components/card.md b/docs/components/card.md
index e3c89e6c307ed1db73be8c11f57faef1b9338260..77f41ca5762b432d42c0f9b3516589c5f16982d6 100644 (file)
--- a/docs/components/card.md
+++ b/docs/components/card.md
@@ -489,11 +489,13 @@ In need of a colored card, but not the hefty background colors they bring? Repla
 </div>
 {% endexample %}
 
-## Groups
+## Card layout
 
-Use card groups to render cards as a single, attached element with equal width and height columns. Card groups use `display: flex;` to achieve their uniform sizing.
+In addition to styling the content within cards, Bootstrap includes a few options for laying out series of cards. For the time being, **these layout options are not yet responsive**.
 
-Only applies to small devices and above.
+### Card groups
+
+Use card groups to render cards as a single, attached element with equal width and height columns. Card groups use `display: flex;` to achieve their uniform sizing.
 
 {% example html %}
 <div class="card-group">
@@ -524,9 +526,8 @@ Only applies to small devices and above.
 </div>
 {% endexample %}
 
-## Decks
+When using card groups with footers, their content will automatically line up.
 
-Need a set of equal width and height cards that aren't attached to one another? Use card decks. By default, card decks require two wrapping elements: `.card-deck-wrapper` and a `.card-deck`. We use table styles for the sizing and the gutters on `.card-deck`. The `.card-deck-wrapper` is used to negative margin out the `border-spacing` on the `.card-deck`.
 
 Only applies to small devices and above.