Артём Ведищев

По второму макету
https://jsfiddle.net/b70w0gok/
Оба варианта
https://jsfiddle.net/b70w0gok/1/

Предлагаю тебе нарезать все это на клеточки, получится поле 9 х 5 и фоном залить кривую по кускам. Текст под номерном position: absoute. Кривая между строк - одним блоком.

Мой вариант
https://jsfiddle.net/kepeszvx/
Но вариант Александра Синицына лучше

https://jsfiddle.net/njh34n67/1/
Так?

Можно на flex
https://jsfiddle.net/w1qk1234/

А может так https://jsfiddle.net/ttbdzpv0/1/

Мой вариант
https://jsfiddle.net/xxkwdtwb/1/

А может так (или почти так)
https://jsfiddle.net/no5r4eh3/

А можно и без JS, как-то так:
https://jsfiddle.net/249hqwot/

Я бы сделал так
https://jsfiddle.net/dmu4ndk7/1/

Так?
https://codepen.io/Vedischev/pen/BZVapx

Мой вариант
https://jsfiddle.net/fh61e0re/
Коментарии приветствуются...

Так https://jsfiddle.net/fa1u6pjt/?

Задай ширину родителя
https://jsfiddle.net/dkspezeh/