Как такое правильно сверстать?
Раздели змейку на отдельные сегменты и экспонируй их в svg. У svg есть аттрибут vector-effect, который в сочетании с preserveAspectRatio="none" позволит сделать сегменты кривой более адаптивными. Кривая будет всячески деформироваться, а толщина обводки и пунктирные точки будут фиксированного размера без искажений. Остается только посчитать размеры svg, но это сделать не сложно. Ну и на меньших разрешениях добавить медиа-запросы и пересчитать количество колонок, размеры, позицию svg.
snippet
Если этого хочет клиент - забить на адаптивность, забить на всё и тупо сверстать как есть, абсолютно фиксированную портянку. 

На мобилах будут зумить как 10 лет назад)