Как правильно центрировать блоки в подвале если они визуально не по центру?

Question

[Roman_Gy]

Подскажите, пожалуйста, как в данном примере лучше центрировать два блока над блоком с копирайтом?

Фактически блоки во флекс-контейнере имеют одинаковую ширину, span c копирайтом расположен посередине, но из-за неравномерной заполненности блоков создается впечатление, что блоки расположены не по центру.

Как обычно центрируют в подобных ситуациях или лучше вообще предложить дизайнеру пересмотреть компоновку элементов?

Comments

[Сергей delphinpro]

Вы либо показываете как нужно. Либо это вопрос не про CSS, а про дизайн и нужно сменить теги вопроса.

[Roman_Gy]

Необходимо разместить приблизительно вот так, чтобы содержимое двух верхних элементов между собой было равноудалено, при этом выравнивание текста по левому краю должно оставаться

[Ankhena]

Roman_Gy, так чтоль https://jsfiddle.net/p4krxb9w/
Только к равноудаленности на вопросы..

[Roman_Gy]

Ankhena, Да, фактически так, и тут еще даже больше вопрос стоит ли так вообще делать, когда есть два разноразмерных блока, с разной наполненностью и под ними центрированный копирайт? Ведь при изменении наполнения, допустим, правого блока, если в нем будет больше текста в каждой линии, то тут уже justify-content space between не поможет и каждый раз придется решать вопрос отступами.

[strelok011]

Выбросьте дизайнера. Он у вас испортился.
Когда готовят такие подвалы - рисуют сначала сетку, в которой закладывают как именно будет вести себя контент в зависимости от наполнения.
И верстают уже сетку. Контент не должен ее сломать.

[Ankhena]

Roman_Gy, такое обычно творят, когда контент не будет меняться.
Либо можно попробовать через гриды и 1fr