```Dart
final List<String> containerImages = [
'asset/images/canada3.jpg',
'asset/images/canada1.jpg',
'asset/images/canada2.jpg',
'asset/images/canada2.jpg',
];
final List<String> imageTitles = [
"content1", "content2", "content3", "content4"
Padding(
padding: const EdgeInsets.all(8.0),
child: Container(
height: 150,
child: ListView.separated(
separatorBuilder: (context, index) {
return SizedBox(width: 20,);
},
scrollDirection: Axis.horizontal,
itemCount: 4,
itemBuilder: (context, index) {
return Column(
mainAxisSize: MainAxisSize.min,
children: [
Container(
width: 120,
child: Image.asset(containerImages[index],fit:BoxFit.cover),
),
Text("${imageTitles[index]}")
]
);
},
),
),
)
You want to wrap your card in a `Column` because the inner Column take full height
Column(children: <Widget>[
Card(
margin: const EdgeInsets.all(10.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
AspectRatio(
aspectRatio: 18.0 / 13.0,
child: Image.network(
"https://picsum.photos/200",
fit: BoxFit.fill,
),
),
Padding(
padding: EdgeInsets.fromLTRB(16.0, 12.0, 16.0, 8.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"Just add your desired image size (width & height) after our URL, and you'll get a random image.",
textAlign: TextAlign.center,
),
],
),
),
],
),
)
])
[![enter image description here][1]][1]
[1]: https://i.stack.imgur.com/DCeSM.png
