Значение center свойства align-items в CSS
Значение center позволяет выровнять
элементы по центру по поперечной оси:
.parent {
display: flex;
flex-direction: row;
align-items: center; /* центрируем по побочной оси */
}
Результат выполнения кода: