Overflow ionic label text inside Ionic card

Ionic Framework ionic-v3
1

I’m trying to set a movie poster inside a card and a ion-label with the name, but if the name of the movie is too long, the card expands in ipad+ resolution, how can i wrap the text to fully display it or overflow it?

here is the code i’m using
<ion-row> <ion-col size="12" > <ion-card > <img class="poster" [src]="movie.poster_path | img"> <ion-label text-wrap>{{movie.title}}</ion-label> </ion-card> </ion-col> </ion-row>
PNG

2

setting max-width for the card and whitespace normal in your scss
would help

3

Thanks for the answer, now they look great, this is te css

ion-card{
    max-width: 50%;
    white-space: normal;

}