Конечным свойством для элементов flex является align-self . Это свойство позволяет настраивать выравнивание каждого элемента отдельно, вместо того, чтобы устанавливать их все одновременно. Это полезно, так как другие общие методы настройки с использованием свойств CSS float , clear и vertical-align не работают на гибких элементах. align-self принимает те же значения, что и align-items и отменяет любое значение, заданное свойством align-items .
Добавьте свойство CSS align-self в #box-1 и #box-2 . Дайте #box-1 значение центра и дайте #box-2 значение flex-end.