Hi Guys,
Is there some CSS styling to make the slide box with ‘cards on each slide’ to fill the size of “content” on a Modal responsive way?
<ion-content class="has-header greyBackground" scroll="true" has-bouncing="false" padding="true">
<ion-slide-box>
<ion-slide ng-repeat="slideData in slideShow">
<div class="list card">
<div class="item {{slideData.bcolor}} item-body cardList">
</div>
</div>
</ion-slide>
</ion-slide-box>
</ion-content>
Red colored element is the card inside a slidebox And, I need it to occupy the content (grey) responsive-way
This is the snap of present output:
This is the snap of desired output:
The desired output was created by explicitly setting height of card inside slidebox to {height:400px;}
Can it be done responsive-design way?
Thanks in advance!!