How to make 1 row with columns that are resizable in width by the users?

Here are some criteria to help you understand what I want. A layout with 1 row and X number of columns. The initial width of the columns should be based on its content. The user should be able to resize the widths of the columns. All columns have a min-width that should be respected. I used flexbox for the initial lay-out, then JS to give all cols a width based on whatever flexbox decided. For the resizing part, I figured that since you're only transferring the width of 2 adjacent cols, you could just calculate the distance the mouse travelled between 2 mousemove events, then swap the cols width based on that value. This sounded great in my head, but it turned out to be a lot more complicated, especially because the amount of cols needs to be able to change. I would love to hear other solutions that perhaps use other lay-out tools.