How can I stop cards from stretching unevenly in a wrapping auto layout row?
Hi everyone, I am working on a simple card grid for a dashboard and I am stuck on how auto layout handles wrapping rows. I have a horizontal auto layout frame set to wrap, with several card components inside it. Each card has a title and a short description, but the descriptions are different lengths. When the cards wrap onto a new row, some cards stretch taller or wider than the others in the same row, so the grid looks uneven. What I have tried so far: setting the cards to a fixed width and fixed height, which keeps them even but cuts off longer text; setting the cards to hug contents, which fits the text but makes every card a different size; and changing the alignment and spacing on the parent frame, which did not stop the uneven stretching. Is there a recommended way to keep cards in a wrapping auto layout row the same size, while still letting the text wrap inside them? Or is this a case where I should use a different layout approach for the grid? Thanks in advance for any tips.
