Ion-slides not resizing on screen rotation


I am usig ion-slides. My page have 3 sliders in total. But on screen rotation the width of the last slider adjusts to the required screen size but the width of first and second slides does not get resized and the first 2 slides breaks on screen rotation.
Is this is a ion-slide bug or is with my html and css isuue.

Any suggestion is appreciable.


I’ve found this, that works pretty well:

Surprised it doesn’t work for this with Ionic’s official slider.