'Fixing error Bottom OverFlowed By in flutter

I'm working on a flutter project and it's been hours I can't solve this error. I made a GridView which titles are outside the card but I have this error. I can't put height upper than 56. I want to make them look like squares. Any help is highly appreciated.

enter image description here

this is my code :

Column(
      crossAxisAlignment: CrossAxisAlignment.center,
      mainAxisSize: MainAxisSize.min,
      children: <Widget>[
        InkWell(
          onTap: () {
            setState(() {
              isLoading = true;
            });
            _splitScreen2(index);
          },
        child: Card(
          elevation: 18.0,
          shape: const RoundedRectangleBorder(
              borderRadius: BorderRadius.all(Radius.circular(10.0))),
    child: Expanded(
          child: Image.asset(
            img,
            alignment: Alignment.center,
            fit: BoxFit.cover,
           
          ),
    ),
          margin: EdgeInsets.all(8.0),
        ),
    ),
        Text(
          title,
          style: TextStyle(fontSize: 12.0,),
        )
      ],
    );


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source