Некоторые особенности применения свойства justify-content в кросс-браузерных проектах:

• Если элемент не является flex-элементом, то свойство justify-content не окажет на такой элемент никакого эффекта. 2
• Свойство может использоваться, когда для flex-элементов явно указана ширина, и если ширина всех элементов внутри контейнера не вызывает переполнение контейнера, иначе свойство justify-content не окажет на такой элемент никакого эффекта. 2
• Значение justify-content: space-evenly поддерживается только в браузере Firefox. 1 Это значение добавляет пространство не только между элементами, но и между ними и границей контейнера. 3
• Выравнивание происходит после применения длин и автоматических отступов. 5 Это значит, что если какие-либо элементы имеют ненулевое значение flex-grow или margin: auto, свойство не будет оказывать влияния. 4