Разница между justify-content и align-content в CSS Flexbox заключается в том, что каждое из этих свойств выполняет своё выравнивание:

• justify-content выравнивает элементы вдоль главной оси внутри flex-контейнера. 45 Оно обрабатывает все элементы как группу и управляет распределением пространства между ними. 1
• align-content выравнивает элементы вдоль поперечной оси внутри flex-контейнера. 45 Это свойство работает с многострочными контейнерами и позволяет гибко расположить ряды элементов, например, задав одинаковые расстояния между ними или растянув на всю возможную высоту. 2

Таким образом, justify-content выравнивает по главной оси, а align-content — по поперечной. 13