Skip to main content
Solved

Different alignment within a component


Gabriel30

Hello,
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 !


in

Best answer by Raphael_M

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).

View original
This topic has been closed for comments

3 replies

Raphael_M
  • Power Member
  • 376 replies
  • Answer
  • February 3, 2024

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).


Gabriel30
  • Author
  • 3 replies
  • February 4, 2024

Thanks a lot, it solves my issue !


  • 6 replies
  • October 23, 2024

I’ll try wrapping the phone number and button in a new auto-layout frame and set the gap to auto. That should help achieve the alignment I need!


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings