Equal Height Cards

[brynj]

Trying to get to grips with things I have not used before .....

I want 3 cards arranged as per image (done in a Flex Grid in a template) - but they need to be equal height - either a height I can specify or all equal to the largest card.
https://e.pcloud.link/publink/show?code ... ipsYMTqdRk

The 'Online Tutorial' says ....

"Card Decks
When used in combination with a flexbox container, multiple cards with different content can have the same height, which normally would be difficult to achieve."
https://e.pcloud.link/publink/show?code ... lqcy23WSHk

In the program there is no mention of a 'Card Deck' and only a 'Flex Grid' or a 'Flex Container' - I assume its the Flex Container.

OK - so I added the Flex Container - I then added 3 cards with different text (to affect the height) but the cards are not all the same height.
So it appears there is more I need to set to make it work as required. I also want to separate the cards (As per picture above) but do not see any obvious place to add sizing/padding or similar. NOTE: all settings are defaults, I have not changed anything.

Demo : https://e.pcloud.link/publink/show?code ... 7sd0WUkeNk

Thanks for any guidance ......

[Pablo]

There are several ways to make cards equal width.
1. Add the cards to a bootstrap card container, the cards will be equal height by default.
2. Use a layout grid and give the cards a minimum height.
3. You can also use a layout grid and set the minimum height for text card item only.

Note that there are many example templates that used equal height cards.

For example, see the cards used for the 'Our trainers' section:
https://www.wysiwygwebbuilder.com/suppo ... lance.html
or the blue cards here:
https://www.wysiwygwebbuilder.com/suppo ... nball.html

[brynj]

OK

I don't see anything called a 'Bootstrap Card Container'.

I will play with the Layout Grid & Minimum Height.

Thanks

[Pablo]

Search for "Card Container" in the toolbox

[brynj]

Ah ok - I did see that, it was the bootstrap bit that fooled me.

Thanks again