0

I thought that justify-self would be this property until I read on MDN Web Docs that it's ignored in flexbox layouts. So, I don't know how to align a single flex item on the main axis like I can on the cross axis using the align-self property. That there would be no counterpart to this property makes no sense to me, so I'd rather not have to resort to roundabout measures. And I don't know if something has changed since this question was asked over four years ago or if the only answer given was right.

Ryan R.
  • 9
  • 3
  • 1
    Do you have a code example that is not working? – Kal Nov 30 '22 at 04:18
  • https://codepen.io/rrincones/pen/qBKMaQK I want to bring the
    flex item down to the bottom of the page while leaving the other
    flex item centered where it's at. Open to any suggestions, though I was specifically wondering why it can't seem to be done with a flexbox property like align-self that works on the main axis.
     – Ryan R. Nov 30 '22 at 05:38
  • The question is how would all the other flex items on the main axis react to having one item apply `justify-self` ? – Alohci Nov 30 '22 at 07:55
  • seems it's for a global site structure, I would suggest to use CSS Grid instead of flex, that's really done to do exactly that – pier farrugia Nov 30 '22 at 08:26
  • I'll consider Grid in a later scenario. But for now I'm focusing on practicing with flexbox because I'm in the early stages of learning. – Ryan R. Nov 30 '22 at 22:53

0 Answers0