Как убрать артефакт при верстке multi step элемента формы?

Question

[Clever_Coyote]

Доброго времени суток.

Есть вот такой элемент multi step формы.
Codepen

При ресайзе страницы вылазит такой артефакт.
Screenshot

Как можно поправить? Возможно есть другой вариант реализации, буду благодарен за любую помощь.

Answer 1

[Михаил Чирский]

У вас изначально неправильная реализация, которая рассчитана на определенные разрешения, у меня Full HD разрешение, и у меня пробелы между линией.
А подобные вещи лучше делать через ul li, где в качестве линии выступает ul, а ваши steps это li, надеюсь суть ясна.

Comments

[Clever_Coyote]

Благодарю, суть уловил.