refactor: c-card--image-bottom

[wesleyboar]

Overview

Do not let image-top card's <h3> fill available space.

Related

• fixes edge case bug found while working on refactor: card image demo grid #296

Changes

• changed image-top and image-bottom
  • to use same, simple grid-template-rows value
  • to not try to let client change image-height
• documented card pattern as "Ready" (not "Work in Progress")

Testing

1. Open http://localhost:4000/components/preview/c-card--images.
2. Remove o-grid--col-min-width.
   ^{This makes the card be an item in a grid with equal height rows.}
3. Verify extra space on "Card - Image bottom" is beneath image.
   ^{(not between title and description)}

UI

Before	After

Notes

• The previous image-bottom grid-tempalte-rows value incorrectly assumed image was last row.
• Both image-top and image-bottom grid-tempalte-rows values incorrectly assumed we could reliably control image height.