stepanpr
@stepanpr
Верстка, Fron-end

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

Столкнулся с проблемой выравнивания 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)

При загрузке страницы, элементы не выглядят одинаково отцентрированными. А именно, первый элемент второго контейнера смещен влево. Подскажите пожалуйста что не так?
  • Вопрос задан
  • 196 просмотров
Решения вопроса 1
Использовать колонки с внутренним отступом вместо внешнего.
И не надо будет заморачиваться с calc()

Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы