GridView.builder(
 gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
  crossAxisCount: 2,
  childAspectRatio: 3 / 2,
  crossAxisSpacing: 10,
  mainAxisSpacing: 33),
 itemCount: myList.length,
 itemBuilder: (BuildContext context, int index) {
    return Container( );
 }),

 GridTile(
 child: GestureDetector(
 onTap: () { },
// use ClipRRect & Positioned
  child: Image.asset("img PATH")
   ),
   
 footer: GridTileBar(
// backgroundColor: Color.fromARGB(66, 73, 127, 110),
    trailing: IconButton(
      color: Color.fromARGB(255, 62, 94, 70),
      onPressed: () { },
      icon: Icon(Icons.add)),

 leading: Text("\$12.99"),

 title: Text("",),
   ),  ),

 final List<Item> items = [
    Item(price: 12.99, imgPath: "assets/img/1.webp"),
    Item(price: 12.99, imgPath: "assets/img/2.webp"),
    Item(price: 12.99, imgPath: "assets/img/3.webp"),
    Item(price: 12.99, imgPath: "assets/img/4.webp"),
    Item(price: 12.99, imgPath: "assets/img/5.webp"),
    Item(price: 12.99, imgPath: "assets/img/6.webp"),
    Item(price: 12.99, imgPath: "assets/img/7.webp"),
    Item(price: 12.99, imgPath: "assets/img/8.webp"),
 ];