Как центрировать текст в горизонтальном меню?

Question

[kristina_koluzanova]

Всем привет!

Я новичок в разработке, поэтому заранее прошу прощения, если вопрос слишком простой :)

Есть следующий лендинг: bcvika.ru/
На главной странице в меню нужно, чтобы текст под кружочками был центрирован относительно кружочков для всех расширений свыше 767px. Также первый текст меню "о бизнес-центре" должен быть расположен по левому краю так же как лого и описание компании.

Я пыталась задать margin-left в процентах у кружочков меню, но при изменении размера экрана все начинает "ползти". Также пыталась указать left в процентах у текста меню.

Подскажите, пожалуйста, есть ли какое-то универсальное решение? В идеале если получилось бы "сгруппировать" кружочки и текст и сделать между этими фигурами еще одинаковое расстояние.

Спасибо!

Answer 1

[kryamk]

Пытался что-то придумать, но психанул и переделал верстку
https://codepen.io/i-smirnov/pen/LYZQzay?editors=1100

Comments

[kristina_koluzanova]

Спасибо!