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'?

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.