Responsive section-to-section lines.
No custom code needed!

You manually set the "offset" margin/padding from the middle for the content above, so you can absolute position the line element to that bottom left corner, and set the width to that same "offset" value so that it goes back to the middle. As for the dotted line, use two absolute positioned children boxes with border and border-radius.