CSS CSS Flexbox Layout Building a Layout with Flexbox Aligning Items to the Bottom of a Column

yoav green
yoav green
8,611 Points

why did the self-align moved on the y axis and not the x axis?

up

2 Answers

Steven Parker
Steven Parker
172,127 Points

Actually, "self-align" adjusts along the cross axis, which will always be perpendicular to the flex-direction.

So if you were seeing it adjust the Y-axis, then your flex-direction must have been "row" (the default) or "row-reverse".

BTW: If you're not already familiar with them, you're going to love these additional fun learning resources for flexbox:

yoav green
yoav green
8,611 Points

https://developer.mozilla.org/en-US/docs/Glossary/Cross_Axis

found this pretty useful. thanks alot steven! keep on helping us :)