How i can to devide the distination line when i drag the source element side element in desitnation dynamically and if row of distination the element take full with like this picture
Can you share with us what you've tried so far?
It looks like you need to implement grid for the base and destination boxes, using grid-template-columns for both. The element that you're dragging can make use of grid-column: 1 / -1;, so it occupies the full width.