Почему не работает свойство «justify-self: flex-end;»?

Question

[sorry_i_noob]

Здравствуйте! Есть такой код:
https://jsfiddle.net/cLm6fqeo/

Объясните, пожалуйста, почему кнопка с классом "btn" не прижимается к низу родителя? У нее же стоит justify-self: flex-end;, а у родителя flex-direction: column;.

Comments

[Максим]

когда меняешь ось отображения то горизонтальная становится вертикальной а вертикальная горизонтальной

Answer 1

[Рома Зварич]

Свойство justify-self относится к модулю CSS Grid и не работает при использовании в Flexbox.

Answer 2

[Brad9aga]

это делается так

Comments

[sorry_i_noob]

Почему .btn прижимается к низу? Я хочу понять. У .content ведь не указано flex-grow: 1;. Как это работает? Объясните, пожалуйста.

[Brad9aga]

https://css-tricks.com/the-peculiar-magic-of-flexb...