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