Contenedor de estilo iónico
¿Podría alguien ayudarme a dar formato a mi código de Ionic para que se vea como en la imagen 1?
La imagen 2 muestra cómo se ve actualmente.
Aquí está el código:
</ion-row>
<ion-row class="ion-text-center" >
<ion-col >
<ion-card class="card-class">
<img src="../assets/playIcons/player1.svg"/>
<ion-card-header>
<ion-card-title>{{this.player1["name"]}}</ion-card-title>
<ion-card-title>Puntuación: {{this.player1["score"]}}</ion-card-title>
</ion-card-header>
</ion-card>
</ion-col>
<ion-col >
<ion-card class="card-class">
<img src="../assets/playIcons/player2.svg"/>
<ion-card-header>
<ion-card-title>{{this.player2["name"]}}</ion-card-title>
<ion-card-title>Puntuación: {{this.player2["score"]}}</ion-card-title>
</ion-card-header>
</ion-card>
</ion-col>
</ion-row>
No tengo mucha experiencia en frontend y realmente agradecería su ayuda. Muchas gracias.
davy.ai
Aquí está el código formateado: