Как сделать адаптивные полоски?

Question

[elementorbox]

в адаптиве очень плохо смотрится, даже на 1050 сьежает
https://jsfiddle.net/2n340vzL/1//

Comments

[Ankhena]

Доводите до ума https://jsfiddle.net/r8f6awsn/

[elementorbox]

Ankhena, спасибо, а через верстку вообще никак нельзя? просто потом будут делать под реакт

[Ankhena]

elementorbox, можно, перепишите через calc

[elementorbox]

Ankhena, не совсем понял как. Ведь в js получаем динамически offsetWidth

[Ankhena]

elementorbox, calc тоже пересчитывается на лету. Иначе смысл?

[Ankhena]

elementorbox, задайте gap кастомным свойством и ширину псевдо через calc
типа 200% + var(--gap)