Responsive grid in split pane - adjust for collapsed

I am using a responsive grid in a split pane and I would like to disable the responsive portion of the columns when the split pane is collapsed into one.

Using the following causes the split pane to work fine in a browser but when it collapses, the single panel also adjusts responsively causing multiple columns when it really it should be only one.

<ion-col col-xl-3 col-lg-4 col-md-6 col-sm-12  *ngFor="let item of items; let i = index">

How can I disable the responsiveness when the split pane is collapsed - as in being used on a phone.

Hi, did you solve this? I have the same problem.