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.