Any ideas how to make a custom design (the content will change, i.e. you need to take into account vertical adaptability)?

Question

css

There is such a design. All pictures and lines in vector

Layout design

All the complexity, as it seems to me, in these connecting lines + needs to be laid out taking into account that the site will be on the admin panel and the content can change, i.e. blocks in height can stretch and narrow (but the lines should naturally remain intact and complete) and of course adaptability for mobile and others.
Any ideas how to implement?

Answer 1

In general, everything is simple.
Make up as usual. And with the connecting lines you have to play around a bit.
In fact, it turns out that if the content changes, then this will only be reflected on vertical lines, so that they do not break, you need to rip them . Briefly something like this. More - this is already the beginning of the development of your layout, and as I understand it, you came here for the idea :)

Answer 2

we take that part of the vertical line that is without rounding. we divide it into two blocks (so that one fits well on top, the other on the bottom). cut out the repeating part. and in the center the joint will not be visible, because picture. all )