Разница между flex-start и flex-end при выравнивании элементов заключается в направлении выравнивания:

• flex-start — элементы выравниваются по началу главной оси (по умолчанию); 13
• flex-end — элементы выравниваются по концу главной оси. 13

Выравнивание элементов вдоль главной оси осуществляется с помощью свойства justify-content, а вдоль поперечной оси — с помощью свойства align-items. 12