Master - Detail View with two responsive columns like ion-split-pane

We try to do a responsive MASTER DETAIL VIEW in two columns, something like the ion-split-pane.

The problem is, you can not use ion-split-pane in a subpage. What we have tried is to use two divs and style them with flexbox. But on the other side there are many problems with the ion-content and the scroll behavior.

It should look like this, which is working with some workaround but the problem is also the hight of the detail view, which we have to set to an absolute value which is not good.

So my question is, how can we resolve something like this. Which is the best practice, has someone an idea or some piece of code example?

The main problem is the multiple scrollbars and the ion-content which are not working well togehter