Different alignment within a component

This might be a dummy question but I am new to Figma. I have a card footer containing 3 elements : a data source, a phone number and a button.
I would like the data source to be left aligned while I want the phone number and the button to be right aligned.
Do you have any idea of how to get this behavior ? Should I set something in the card footer element or in the children element ?
Thanks advance !


Hi, Gabriel.

Yes, you can do that with layout grid + constraints.

But since you are using auto-layout, what you need to do is wrap again the phone number and the button and then put the entire row-wrap’s gap to auto (space-between).

Thanks a lot, it solves my issue !

1 Like