title: how to make different layout for tablet in flutter
body: <p>I'm thinking about making different layout for Tablet/iPad version but I'm new to Flutter so I'm not really sure how to make it. I'll be really appreciated if I can get any suggestion on how to do it.</p>
  
  <p>Right now If I run on Tablet, my cards are stretch out and I'm trying to fix it right now. Also I'm trying to add a divider and column on the right side (attached pic of the design below) so that I can add more text.</p>
  
  <p>This is my cards </p>
  
  <pre><code>   Widget build(BuildContext context) {
      return Container(
        height: 180,
        child: SingleChildScrollView(
          child: Card(
            elevation: 8.0,
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(10.0),
            ),
            child: Column(children: [
              Padding(
                padding: const EdgeInsets.fromLTRB(10, 10, 10,0),
                child: Row(children: [
                  Text(
                    title,
                    style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
                  ),
                  Spacer(),
                  Container(
                      child: IconButton(
                    icon: Icon(Icons.favorite),
                    onPressed: () {
                      Navigator.of(context).push(MaterialPageRoute(builder: (context)=&gt; DetailsPage("Favorite")));
                    },
                  ))
                ]),
              ),
              Divider(color: Colors.black),
              Row(children: [
                //Legend
                tileWidget(TileItem(
                    topText: "Top",
                    middleText: "Middle",
                    bottomText: "Bottom")),
                Container(
                  color: Colors.red, 
                  height: 60, width: 2),
                  (tileItems.length &lt; 1) ? null : tileWidget(tileItems[0]),
                Container(
                  color: Colors.green, 
                  height: 60, width: 2),
                  (tileItems.length &lt; 2) ? null : tileWidget(tileItems[1]),
                Container(
                  color: Colors.black26, height: 60, width: 2),
                (tileItems.length &lt; 3) ? null : tileWidget(tileItems[2])
              ]),
            ]),
          ),
        ),
      );
    }
  </code></pre>