I really like how the Perchance.org editor handles the four different panels in the editor. It would be extremely helpful if I could create two different panels with a resizable divider within my generator page. This way, for example, I could have a fantasy location output on the left, and fantasy character output on the right, and resize them on the fly depending on which is more relevant. I know there are ways to do similar things with the tab plug-ins and <details> tags, and I’m using those, but dragging a divider seems like the most elegant solution.

I’ve found some tutorials for CSS draggable dividers that almost worked but so far they are pretty obtrusive or don’t work well on mobile devices. The editor panels work well on a mobile device and have all the functionality I need. Any ideas on how I would accomplish this?</details>