Cards

[Keith Hughes]

Can anyone advise me how to make cards a fixed height? I have them in a card container, but they are never the same height. Each card has different amounts of text but I want to make the button always at the same height. Should I use dividers to adjust the height?

[crispy68]

Going by memory here, I believe setting the card container as a card deck or grid there is an option to tick for same height.

[Pablo]

To make all card the same height you can use a card container.
Or if you use layout grids then you can set the minimum height of the card.

You can see this on the homepage, where all cards have the same height:
https://wysiwygwebbuilder.com/

[Keith Hughes]

I must be doing something seriously wrong because If I try to use cards either in a layout grid or a card container. Everything is OK on a desktop but as soon as I view it on a mobile everything below the cards gets overlayed by the cards a right mess!!!

[Pablo]

If you need help, then please share a DEMO project.
viewtopic.php?f=10&t=82134

[gofrank]

I'm having this same issue with the card container set to "card deck". Container has four cards that are equal in height in Default view, different heights at 1024px.

[crispy68]

When you mention 1024 breakpoint, are you referring to the page breakpoint or the breakpoint in the card container? If you are referring to the bp in the card container, that switches the cards to stacked mode and they are not the same height at this point. Only when horizontal.

A card container is based on flexbox properties. Once it goes to vertical there is no way for them to be all the same height without setting a fixed height to them.

[gofrank]

Hi, Crispy!

I'm referring to the page breakpoint.

Aaaannnndddd...never mind! Upon revisiting the project after installing the latest hot fix, I see the setting had somehow switched to "card columns" instead of "card deck". So, this was my bad and everything is working fine.

[crispy68]

So what do you have the card container breakpoint set to? As long as the card container is horizontal regardless of the page breakpoint, the cards are all the same height. They are not the same height once they go vertical.

For example, if I set the card container bp to zero, the card container stays horizontal. My cards are all the same height even with adding page breakpoints. The cards just get really skinny of course.

[gofrank]

See my reply above. It was operator error.