title: How to display vertical items in the card view in Flutter
body: <p>I'm trying to display items in the card vertically, but in the card content I'm facing an issue that is, &quot;<strong>Bottom overflowed by 52 pixels</strong>&quot;.</p>
  <p>Here, I'm attaching code, my design's screenshot, and the screenshot of what actually I need.
  Please help!</p>
  <p><img src="https://i.stack.imgur.com/gCBPs.png" alt="Screenshot of my screen" /></p>
  <p><img src="https://i.stack.imgur.com/tSgb6.png" alt="screenshot of what I actually want to do" /></p>
  <p><strong>Below is my code.</strong></p>
  <pre><code> Widget buildRowItemsGrid(BuildContext context, int index) {
  FlutterMoneyFormatter formatter =
      FlutterMoneyFormatter(amount: items[index].price);
  
  return Container(
    child: Card(
      elevation: 5.0,
      margin: EdgeInsets.all(8.0),
      child: Column(
        children: [
          Container(
            child: Image.network(
                &quot;https://fiverr-res.cloudinary.com/images/q_auto,f_auto/gigs/118898040/original/870e2763755963f5a300574bbea5977fa8b18460/sell-original-football-and-basketball-teams-jersey.jpg&quot;,
                width: 100,
                height: 100,
                fit: BoxFit.fill),
          ),
          Column(
            children: [
              Container(
                child: Text(items[index].title,
                    style: titleTextStyle,
                    maxLines: 2,
                    overflow: TextOverflow.ellipsis),
                margin: EdgeInsets.fromLTRB(10.0, 5.0, 10.0, 5.0),
              ),
              Align(
                alignment: Alignment.centerLeft,
                child: Container(
                    margin: EdgeInsets.fromLTRB(10.0, 5.0, 10.0, 5.0),
                    child: Text(items[index].subtitle,
                        style: subtitleTextStyle)),
              ),
              Container(
                margin: EdgeInsets.all(8.0),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text(formatter.output.symbolOnLeft,
                        style: priceTextStyle),
                    Text(&quot;ADD TO CART&quot;, style: addToCardTextStyle)
                  ],
                ),
              )
            ],
          ),
        ],
      ),
    ),
  );
  </code></pre>
  <p><strong>Code of Grid View</strong></p>
  <pre><code>Widget buildGridView() {
  return Expanded(
    child: GridView.count(
        crossAxisCount: 2,
        scrollDirection: Axis.vertical,
        physics: PageScrollPhysics(),
        shrinkWrap: true,
        children: List.generate(items.length, (index) {
          return buildRowItemsGrid(context, index);
        })),
  );
  </code></pre>