Как сверстать этот блок не по брекпоинтам, а резиново?

Question

[Андрей]

Вот как в макете
Вот код который я написал https://jsfiddle.net/kj42otmq/72/
1. Как сделать нумерацию в шахматном порядке?
2. Как "налету" высчитывать ширину линии соединяющую номер и центральную линию?
3. Как "налету" высчитать высоту центральной линии, если добавиться еще один или несколько блоков?

Comments

[Ankhena]

С помощью относительных единиц измерения
Для начала https://jsfiddle.net/Ankhena/z516pbms/

[ambisinister One]

1 на 5 2 на 3 и т.д поменять местами и они будут корректно отображаться)

Answer 1

[profesor08]

Никак. Без @media запросов ты не скроешь полосочки и циферки.

Comments

[Андрей]

спасибо за ответ!