www.wysiwygwebbuilder.com

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

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

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

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

Thanks - I will look into those.

Alan

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

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