Make ion-col resize to img size

@cafej wrote:

I’m trying to create a layout of ion-img inside ion-col but the images are getting cut, how can I make then fit without using specific height for every screen size

	<ion-card>
		<ion-card-header text-wrap>
			Estadio Ebal Rodrigues - Sabado, 27 de agosto
		</ion-card-header>
		<ion-card-content>
			<ion-grid>
				<ion-row>
					<ion-col col-5>
						<ion-img width="100%" height="100%" src="./assets/img/Santos.png"></ion-img>
					</ion-col>
					<ion-col col-2>
						<h1>
							VS
						</h1>
					</ion-col>
					<ion-col col-5>
						<ion-img width="100%" height="100%" src="./assets/img/Municipal Grecia.png"></ion-img>
					</ion-col>
				</ion-row>
			</ion-grid>
		</ion-card-content>
	</ion-card>

af.PNG325x573 53.1 KB

This is how it’s being displayed

Posts: 9

Participants: 3

Read full topic