Page 1 of 1

Card alignment of objects

Posted: Mon Jan 20, 2020 4:02 am
by lpug
Hi Pablo,

Could you take a look at this small project I have uploaded https://www.dropbox.com/s/zq221gvb678hj ... k.zip?dl=0
When you preview the file you will notice that all the read me buttons are not aligned....I understand that this is caused by the text above the divider.
To fix this is it a matter of adjusting the padding/margin of the text or divider? you will understand once you preview the project. Check out the breakpoints aswell. Is there a more effective way to fix this.

Re: Card alignment of objects

Posted: Mon Jan 20, 2020 7:05 am
by Pablo
The 'Read More buttons are not aligned because the texts have different lengths.
But you can use a negative (bottom) margin for the last item, to align it at the bottom of the card.

Re: Card alignment of objects

Posted: Tue Jan 21, 2020 12:05 am
by lpug
Thanks Pablo, in design view looks spot on, in preview mode the buttons and dividers are all over the place. Am i better off creating the cards with individual layout grids (I'm assuming I will be in the same boat because the grid size is dependent on the content. Do I have any alternatives other than ensuring all of my text content is the same size and characters.

Re: Card alignment of objects

Posted: Tue Jan 21, 2020 7:22 am
by Pablo
If you place the cards in a flexbox container or card container then the height will be made equal automatically.
Then all you will have to do is make sure the buttons are at the bottom by using a negative (bottom) margin.