Page 1 of 1

Cards height in Flexcontainer

Posted: Wed Oct 16, 2019 7:31 am
by paul.maechler
Easy goal - difficult to reach...

How can I have 3 cards with diff. content having the same size ?

Adding items to the inserted block from "features" with 3 cards is changing the size of the card.
How can I prevent that ?

Thanks
Paul

Re: Cards height in Flexcontainer

Posted: Wed Oct 16, 2019 8:01 am
by Pablo
To give all cards the same height, set the 'Align item' to 'stretch'.
This assumes that the flex direction is 'row'

Re: Cards height in Flexcontainer

Posted: Wed Oct 16, 2019 8:53 am
by paul.maechler
Because it has to be responsive i do use 3 column layout grid not a flex-container.
Any chance ?

Re: Cards height in Flexcontainer

Posted: Wed Oct 16, 2019 9:07 am
by Pablo
I'm sorry, this is not possible with a layout grid.
However with a flex container you can also create 3 columns.

Related tutorials:
https://wysiwygwebbuilder.com/cards.html

Example:
https://www.wysiwygwebbuilder.com/suppo ... ainer.html

Re: Cards height in Flexcontainer

Posted: Sat Jan 04, 2020 1:50 am
by petejos
Hi Pablo,

When is use the flax container, at the BP, the fonts got smaller. Why is that so?

Re: Cards height in Flexcontainer

Posted: Sat Jan 04, 2020 2:29 am
by petejos
Hi Pablo,

I also have this issue whereby when I set the BP at 480, the card size shrink to become slimmer instead of break and stack the card.

Re: Cards height in Flexcontainer

Posted: Sat Jan 04, 2020 7:52 am
by Pablo
Maybe you have enabled the option 'Automatically scale new objects in breakpoints'?
Image

Re: Cards height in Flexcontainer

Posted: Sat Jan 04, 2020 8:59 am
by petejos
Hi Pablo,

Please help me to help a look at the following

http://www.goec.com.au/cardissue.wbs

when I view at BP 480 from the mobile, the card actually shrink instead of stack up.

Re: Cards height in Flexcontainer

Posted: Sat Jan 04, 2020 11:09 am
by Pablo
You project seems to work correct.
The cards are stacked when the viewport is smaller than 480.