I have the card container with six cards in it, it set for a card deck with equal height cards.
How do I determine how many cards are in a column at the breakpoint?
I wanted it to be three wide on top of three wide.
Then as a follow-up question I see a breakpoint setting in the card container as well as in each individual card, what is the relationship there?
How to set how many cards in a column at the breakpoint
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
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
-
Spinner
-

- Posts: 51
- Joined: Tue Nov 18, 2014 6:05 pm
- crispy68
-

- Posts: 3128
- Joined: Thu Oct 23, 2014 12:43 am
- Location: Acworth, GA
- Contact:
Re: How to set how many cards in a column at the breakpoint
Set your card container to 'grid'. In default view, set the column count to 6. Then go to your page breakpoint, open the card container and set the column count to 3. I find that 'grid' is more useful if you want to change the number of columns in multiple breakpoints.
As for the breakpoint option when using 'card deck'. This specifies when to switch from horizontal to vertical layout. Example, if you select 768 as the breakpoint, then your card container will be horizontal until it reaches 768px and then it will flip to vertical causing your cards to stack vertically.
As for the breakpoint option when using 'card deck'. This specifies when to switch from horizontal to vertical layout. Example, if you select 768 as the breakpoint, then your card container will be horizontal until it reaches 768px and then it will flip to vertical causing your cards to stack vertically.
-
Spinner
-

- Posts: 51
- Joined: Tue Nov 18, 2014 6:05 pm
Re: How to set how many cards in a column at the breakpoint
Thanks crispy,
that works well and as expected.
Is there a way to keep the images in aspect ratio as the columns are being compressed?
that works well and as expected.
Is there a way to keep the images in aspect ratio as the columns are being compressed?
- crispy68
-

- Posts: 3128
- Joined: Thu Oct 23, 2014 12:43 am
- Location: Acworth, GA
- Contact:
Re: How to set how many cards in a column at the breakpoint
They should already scale and keep their aspect ratio when an image is added to the card. Width and height should be blank.
-
Spinner
-

- Posts: 51
- Joined: Tue Nov 18, 2014 6:05 pm
Re: How to set how many cards in a column at the breakpoint
Okay I did have numbers in the height and width, I took those out and scaling problem fixed itself.
So what determines the size of an image then?
So what determines the size of an image then?
- crispy68
-

- Posts: 3128
- Joined: Thu Oct 23, 2014 12:43 am
- Location: Acworth, GA
- Contact:
Re: How to set how many cards in a column at the breakpoint
If you're wanting an image to scale , you can't set a fixed width and height. It will increase and decrease based on the size of the container, In this case the card.
-
Spinner
-

- Posts: 51
- Joined: Tue Nov 18, 2014 6:05 pm