Skip to main content
luclemo
New Member
Jan 14, 2025 6:41 PM UTC
Question

Is there an option for align-items in auto layout wrap?

Note: sorry if you’ve seen this elsewhere, but with the new forum, I couldn’t find the “ask the community” so posting here again :/

 

The wrap function for auto layout has been a great addition but I keep hitting a wall when trying to illustrate expectations of alignment/stretch of wrapped items as the width of container/screen/viewport changes.

An example is with cards containing content of different length. 

Expectation: card containers should stretch to fill vertical gaps in grid so they all share the height of element with most content (as it works with CSS grid or the align-items: stretch of Flexbox)

Current behaviour: I am limited to choosing between fixed-height or hug contents for the cards. Result: card heights cannot dynamically adapt and I am have to write extensive documentation for devs and cannot freely create prototypes using dynamic content.

Am I missing something?

 

 

This topic has been closed for replies.

1 reply

MonicaS
New Member
Mar 14, 2025 1:24 AM UTC

What about:

Fill Container for height of the cards except the card that has the most content set to Hug Content

and the frame with the Auto layout to be Hug Content?