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: 1115
Joined: Mon Feb 01, 2016 5:43 pm
Location: Sweden
Contact:

Cards in Flex Container

Post by Bluesman »

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: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Cards in Flex Container

Post by Pablo »

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: 1115
Joined: Mon Feb 01, 2016 5:43 pm
Location: Sweden
Contact:

Re: Cards in Flex Container

Post by Bluesman »

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: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Cards in Flex Container

Post by Pablo »

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: 1115
Joined: Mon Feb 01, 2016 5:43 pm
Location: Sweden
Contact:

Re: Cards in Flex Container

Post by Bluesman »

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: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Cards in Flex Container

Post by Pablo »

I'm sorry, that is not how flexbox works.
User avatar
Bluesman
 
 
Posts: 1115
Joined: Mon Feb 01, 2016 5:43 pm
Location: Sweden
Contact:

Re: Cards in Flex Container

Post by Bluesman »

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

See my Website
Post Reply