title: How to create responsive grid in flutter app?
body: <p>What is <strong>best practice</strong> to make a flutter app <strong>responsive</strong>? 
  In the code below is a <strong>StraggeredGridView</strong> with <strong>hardcoded values</strong>.</p>
  
  <p>Should I write a method that is calculating the values, depending on the screen size, or are there any other ways to do so?</p>
  
  <p>Thanks for your help! </p>
  
  <pre><code>  StaggeredGridView.count(
      crossAxisCount: 2,
      crossAxisSpacing: 20,
      mainAxisSpacing: 20,
      padding: EdgeInsets.symmetric(horizontal: 20.0, vertical: 20),
      //shrinkWrap: true,
      children: &lt;Widget&gt;[
        _buildTile(
            Padding(
                padding: const EdgeInsets.all(20.0),
              child: Column(children: &lt;Widget&gt;[
                Material(
                    color: Color.fromRGBO(123, 228, 193, 0.5),
                    child: Padding(
                      padding: const EdgeInsets.all(15.0),
                      child: Image.asset(
                        'assets/siren.png',
                        height: 40,
                      ),
                    )),
                Padding(padding: EdgeInsets.only(bottom: 10.0)),
                Text('NOTRUF', style: tileFontStyle),
              ]),
            ),),
  </code></pre>