css свойство order, добавляющее расстояние между призраками сверху с помощью flex - пытается имитировать float right

Question

Я, по сути, пытаюсь подражать float: right изображениями в ряду, и я получаю загадочное пространство над родительским элементом, когда делаю это. Я использую flexbox в элементах, и я попытался достичь функциональности типа float: right, используя свойство order: 2. Вот скриншот:

Пример приложения в реальном времени можно здесь: removed link, because in development, простите за длительное время загрузки. Просто нажмите «играть»

Answer 1

Поскольку в компоненте app-game есть два компонента app-team, приложение-игра становится гибким контейнером, поэтому компоненты app-team будут элементами flex.

.app-game-class {
    display: flex;
    /* align-items: center; */
    justify-content: center;
}