I have a html page (example.page.html), where I'm using the ion-slides. In each slide I'm importing the other pages by using the selector(app-test-1 and app-test-2). I have ion-card in app-test-1 page, for which I'm not able to give the alignment to make the text in the card to be left aligned.
Alignment works perfect if I directly run the app-test-1 page but alignment is not proper when I run the ā(which has the "app-test-1" selector).
<ion-slides>
<ion-slide>
<app-test-1></app-test>
</ion-slide>
<ion-slide>
<app-test-2></app-test-1>
</ion-slide>
</ion-slides>