Howdy, @tkcostello! Thanks for writing in and great question. You can absolutely get your cards to line up, but it requires a bit of setup throughout your Rows / Columns to get things functioning properly. Each individual Card itself will always ensure that its height will be set by the tallest face between the two sides of the Card, but that is the extent to which it can perform this action because it cannot know anything beyond itself in terms of a styling context. Therefore, to get multiple cards in the same Row all matching their heights to the height of the tallest card in the Row, you must perform something like the following. Go to your Row and ensure that the Align Vertical setting is set to Stretch, which will ensure that all of your Columns on the same line will match in height:
Next, go to each of your Cards and set their Width to 100% to ensure that they fill all horizontal space within a Column (this is needed because of our next step):
Finally, go to each Column in your Row and enable its internal Flexbox layout and set the controls like so:
What we’re doing here is layout out our content inside the Column (just a Card in this case) in a Row configuration, but when we do this, we can set the Column’s Align Vertical control to Stretch, which will ensure that the content inside fills out the full height of that particular Column. Again, this must be setup on every Column, and every Card must have its Width set to 100% to ensure it doesn’t collapse in horizontally. Once these proper settings are employed, you will have Cards that respond in height to each others changes because now the markup has been styled accordingly to allow it to do so. Now you should notice that even if another one of the Cards wraps to a new line or grows in size, the other Cards will grow / shrink with it:
Hopefully that helps to point you in the right direction, cheers!
