title: How to make responsive images in flutter?
body: <p>I am using Gridview.builder to make a grid of cards. I didn't find any attribute inside Gridview.builder to decide the size of a single card also inside the Card widget I didn't find any attribute to decide the size of the card. 
  Further to that, I want to make the image and a text inside the card responsive, here is the code of the method which returns me the card - </p>
  
  <pre><code>Card myCard(String houseName, String houseImageUrl) {
    return new Card(
        elevation: 5.0,
        child: new InkWell(
          child: new Container(
            alignment: Alignment.center,
            child: new Column(
              crossAxisAlignment: CrossAxisAlignment.center,
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              mainAxisSize: MainAxisSize.min,
              children: &lt;Widget&gt;[
                new Image.network(
                  houseImageUrl,
                  height: 180.0,
                  width: 180.0,
                ),
                new Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: new Center(
                    child: new Text(
                      houseName,
                      style: new TextStyle(fontSize: 16.0),
                      textAlign: TextAlign.center,
                    ),
                  ),
                ),
              ],
            ),
          ),
  
        ));
  </code></pre>
  
  <p>I have used Gridview.builder as follows ("data" is the data coming from API)</p>
  
  <pre><code>new GridView.builder(
                itemCount: data == null ? 0 : data.length,
                gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount(
                    crossAxisCount: 2),
                itemBuilder: (BuildContext context, int index) {
                  var housename = data.keys.toList()[index].toString();
                  return myCard(
                      housename, data[housename]['image'].toString());
                })));
  </code></pre>
  
  <p>The output of this code shows cards like this </p>
  
  <p><a href="https://i.stack.imgur.com/y0fCF.png" rel="nofollow noreferrer">Screenshot of above code output</a></p>