Может ли CSS flexbox изменить justify-content без медиа-запроса? ⇐ CSS

[Anonymous]

У меня есть элемент div, который имеет элементы div с выравниванием по левому краю и элементы div с выравниванием по правому краю, каждый из которых находится на одной строке. Здесь используется display: flex с интервалом между столбцами: 1em и justify-content: space-between. Я установил flex-wrap: Wrap, чтобы, если ширина браузера станет достаточно маленькой, элементы div займут две строки. Мне бы хотелось, чтобы в случае возникновения условия переноса justify-content изменился на центр, чтобы элементы div были центрированы на странице. Возможно ли это?
Я могу сделать это с помощью медиа-запросов, но это зависит от ширины окна браузера. Мне нужно что-то, что центрирует строки только в том случае, если flexbox заставляет элементы div переноситься на две строки.

Код: Выделить всё

div.links
{
background-color: yellow;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-direction: row;
column-gap: 1em;
row-gap: 0.5em;
}

div.links div.left
{
background-color: orange;
text-align: center;
}

div.links div.right
{
background-color: pink;
text-align: center;
}

Код: Выделить всё

Document



Some stuff and text on the LEFT
Some stuff and text on the RIGHT

Подробнее здесь: https://stackoverflow.com/questions/797 ... edia-query