Cards - how can I get text to be same position in different cards?

[alan_sh]

I am building a card container as shown in this picture:



But the text is not the same size, which means, when I publish it, the 'read more' buttons are not horizontally in the same position (and it gets worse as the window size changes).

Is there a way, still keeping 'Read more' below the text, for the buttons to be in the same position?

Thanks for any advice

Alan

[alan_sh]

I've sorted it for now by using a flex grid and putting each item in a seprate cell.
Not as convenient as cards, but it does what I need.

Alan

[BaconFries]

Did you see the tutorial reading from "How to line up card items horizontally?" and "Card Repeater"
An Introduction to Cards

[Pablo]

There are several ways to do this.
For example, you can set the minimum height for the text, so each text item has the same height.

This is demonstrated here:
https://www.wysiwygwebbuilder.com/suppo ... about.html

You can also, use a negative margin on the button:
https://www.wysiwygwebbuilder.com/suppo ... asic7.html

[alan_sh]

Thanks - I will look into those.

Alan

[alan_sh]

The 'set minimum height' for the text works but as you lower the viewpoint width, you have to set a really long minimum height to keep them level, which means that for large monitors, you have a lot of empty space below each text.

Using a flex grid and not using cards at all works great until you get to a smaller size (e.g. a phone) and then it goes wider than the viewpoint.

Setting a negative number for the button works great, but not if you have two buttons in each card. How would I make them both keep level?

Note, i am not using breakpoints, but just putting everyhing in a flex container of some type and letting that do all the hard work.

Alan

[Pablo]

I don't think you can solve this without using breakpoints.