To make all cards in a row be equal height, we must stretch cards to be the full height of the row.
We will be adding better settings for this in the near future, but in the meantime you can add a small snippet of custom CSS to the section's Custom CSS setting:
- In your theme editor, click the section you want to edit.
- Scroll to the bottom of the section settings and click into the Custom CSS settings.
- Type or paste the code below to stretch cards to be 100% height.
- Save your work!
Here's the custom CSS you'll need to add:
.card {height: 100%;}And if you want the card text to always be directly under the image (instead of anchored to the bottom of the card), you can add this CSS too:
.card__content {
justify-content: flex-start;
}