Одна позиция div с использованием flexbox ⇐ CSS

[Anonymous]

Я пытаюсь сделать так, чтобы блок изображения располагался по центру, а раздел бота располагался внизу.

Я также использовал justify-content: flex-end, но div изображения вообще не хочет менять свое положение
Что я пробую

Код: Выделить всё

.box
{
width: 100px;
height: 100px;
display: flex;
flex-direction: column;
justify-content: center;

}

.image
{
align-self: center;
width: 100%;
height: 40%;
}

.bot-section
{
width: 100%;
align-self: flex-end;
}

Код: Выделить всё

Подробнее здесь: https://stackoverflow.com/questions/786 ... ng-flexbox