flex container and cards
Forum rules
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
flex container and cards
hello
i dont understand how can understand you my mean
please see demo: https://we.tl/t-CbNblx6Knt
when i preview and miniaturize my browser window , i see card images are not show correctly ( look at the pictures in preview )
video demo :
can i do any thing to resolve this problem?
i dont understand how can understand you my mean
please see demo: https://we.tl/t-CbNblx6Knt
when i preview and miniaturize my browser window , i see card images are not show correctly ( look at the pictures in preview )
video demo :
can i do any thing to resolve this problem?
Re: flex container and cards
I do not see anything wrong.
What is the exact problem?
What did you expect to happen?
What is the exact problem?
What did you expect to happen?
Re: flex container and cards
There is no enough space for image to fit so you will need to add a breakpoint to change the layout for smaller screens.
Re: flex container and cards
yes, i understand the problem is enough space
i create 768px and 411px breakpoints, but it not effect on space and images not show correctly again in small screens
demo: https://we.tl/t-NkAxEntB55
Re: flex container and cards
All you did was add breakpoints.
You will need to actually change the flexbox properties otherwise it will not make any difference.
For example, switch to 'column' mode (and stretch the cards). Also, you may need to remove the 'max-width' of the cards.
Related tutorial:
https://www.wysiwygwebbuilder.com/flexbox.html
You will need to actually change the flexbox properties otherwise it will not make any difference.
For example, switch to 'column' mode (and stretch the cards). Also, you may need to remove the 'max-width' of the cards.
Related tutorial:
https://www.wysiwygwebbuilder.com/flexbox.html
Re: flex container and cards
I have reached results, but i have other questionPablo wrote: ↑Wed Jun 02, 2021 1:00 pm All you did was add breakpoints.
You will need to actually change the flexbox properties otherwise it will not make any difference.
For example, switch to 'column' mode (and stretch the cards). Also, you may need to remove the 'max-width' of the cards.
Related tutorial:
https://www.wysiwygwebbuilder.com/flexbox.html
please see this new demo : https://we.tl/t-KI3urZnqqt
in default breakpoint , the 5 cards shown in One row.
can i set 4 cards in two raw in 980px?
i test many, but in 980px cards shown in One row one by one
Re: flex container and cards
This is possible if you give the cards a fixed width (via flex basis). Then for each breakpoint set different values.
Re: flex container and cards
I'm sorry, I cannot update your website for you. For me, this will also take a lot of time.
Re: flex container and cards
I succeeded by chance to make that
please see this demo : https://we.tl/t-fumpdN51gT
are this work is standard and you Do you confirm that work?
Re: flex container and cards
Why are you using nested flex containers?
Suggested solution:
- use one flex container for all cards.
- set 'flex wrap' to 'wrap'
- set the flex basis of each card to to '219px'
Suggested solution:
- use one flex container for all cards.
- set 'flex wrap' to 'wrap'
- set the flex basis of each card to to '219px'