Cards in Flex Container

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
User avatar
Bluesman
 
 
Posts: 688
Joined: Mon Feb 01, 2016 5:43 pm
Location: Ecuador
Contact:

Cards in Flex Container

Post by Bluesman » Wed Jan 16, 2019 5:28 pm

Hi. Struggeling with inserting cards to a Flex Container. I have cards for viewing different products; headline, priceline, image, buy button... I want them to "wrap" in a specific width, not schrincing down to 320 pxl. The width of the cards getting to tight.
Don't have anything published yet, but maybe can get a hint...?
"Make My Day"

See my Website

User avatar
Pablo
 
Posts: 17981
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Cards in Flex Container

Post by Pablo » Wed Jan 16, 2019 6:14 pm

To be able to help you I need to know more details.

Related FAQ:
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=82134

User avatar
Bluesman
 
 
Posts: 688
Joined: Mon Feb 01, 2016 5:43 pm
Location: Ecuador
Contact:

Re: Cards in Flex Container

Post by Bluesman » Wed Jan 16, 2019 6:42 pm

Ok Pablo... first question: Does cards work with Flex Container?
Next. Can I make the cards wrap when they reach a specific width? As you can see in this publiched example the cards just schrincing down. I want them to wrap in earlier state before they getting to tight... So when in wide mode I just want it to contain 3 cards, and wrap
https://www.chevere.ec/richy_flex_test/ ... items.html
"Make My Day"

See my Website

User avatar
Pablo
 
Posts: 17981
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Cards in Flex Container

Post by Pablo » Wed Jan 16, 2019 10:01 pm

Yes, cards work with flex containers.

Related tutorial
http://www.wysiwygwebbuilder.com/cards.html
(see the demo project 'carddeck')

You can define different settings for the flex container (and cards) in breakpoints.

User avatar
Bluesman
 
 
Posts: 688
Joined: Mon Feb 01, 2016 5:43 pm
Location: Ecuador
Contact:

Re: Cards in Flex Container

Post by Bluesman » Wed Jan 16, 2019 10:32 pm

Pablo wrote:
Wed Jan 16, 2019 10:01 pm
Yes, cards work with flex containers.

Related tutorial
http://www.wysiwygwebbuilder.com/cards.html
(see the demo project 'carddeck')

You can define different settings for the flex container (and cards) in breakpoints.
That's the problem. I shall not use breakpoints in this site... in layout grids for example you can set a breakpoint for just the grid… should be perfect for the Flex container to...
"Make My Day"

See my Website

User avatar
Pablo
 
Posts: 17981
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Cards in Flex Container

Post by Pablo » Thu Jan 17, 2019 7:55 am

I'm sorry, that is not how flexbox works.

User avatar
Bluesman
 
 
Posts: 688
Joined: Mon Feb 01, 2016 5:43 pm
Location: Ecuador
Contact:

Re: Cards in Flex Container

Post by Bluesman » Sat Jan 19, 2019 12:54 pm

Ok... Thanks Pablo, have to stick with breakpoints then... :D
"Make My Day"

See my Website

Post Reply