Flex — выравнивание. Как добиться одинакового результата в обоих flex-контейнерах?

Question

[Степан Прибытко]

Столкнулся с проблемой выравнивания flex-элементов на десктопной версии:
https://stepanpr.github.io/rostelecom_flex/
Есть два горизонтальных flex-контейнера, по три flex-элемента в каждом.
Задаю всем элементам одинаковый flex-basis минус отступ справа:
calc(25% - 20px) + calc(25% - 20px) + calc(50% - 20px)
и
calc(50% - 20px) + calc(25% - 20px) + calc(50% - 20px)

При загрузке страницы, элементы не выглядят одинаково отцентрированными. А именно, первый элемент второго контейнера смещен влево. Подскажите пожалуйста что не так?

Answer 1

[Степан Крапивин]

Использовать колонки с внутренним отступом вместо внешнего.
И не надо будет заморачиваться с calc()

Comments

[Степан Прибытко]

Спасибо огромное! Теперь понятно!!!