title: Flutter Gridview scrolling horizontal
body: <p>I'm working on flutter web and I want my gridview scroll direction horizontal but when I added <code>scrolldirection: Axix.horizontal</code> it rotated the gridview. I know to make this easy I can use <code>ListView</code> but it takes too much code to make it responsive on the web. I just want the gridView itself to manage its <code>crossAxisCount</code> by screen width to become responsive. So I need help on how to make GridView scroll direction horizontal. Thanks</p>
  <pre><code> int gridCrossAxisCount;
      if (size &gt; 1600) {
        gridCrossAxisCount = 4;
      } else if (size &gt; 1300) {
        gridCrossAxisCount = 3;
      } else if (size &gt; 800) {
        gridCrossAxisCount = 2;
      } else {
        gridCrossAxisCount = 1;
      }
  
  Container(
          width: double.infinity,
          height: 300,
          child: GridView.count(
            // scrollDirection: Axis.horizontal,
            physics: ScrollPhysics(),
            shrinkWrap: true,
            primary: true,
            padding: EdgeInsets.only(top: 15.0),
            crossAxisCount: gridCrossAxisCount, //Screensize grid count
            childAspectRatio: 0.60, //1.0
            mainAxisSpacing: 0.2, //1.0
            crossAxisSpacing: 4.0, //1.0
            children: [
              Container(
                height: 200,
                width: 200,
                color: Colors.green,
              ),
              Container(
                height: 200,
                width: 200,
                color: Colors.red,
              ),
              Container(
                height: 200,
                width: 200,
                color: Colors.orange,
              ),
              Container(
                height: 200,
                width: 200,
                color: Colors.indigo,
              ),
            ],
          ),
        ),
  </code></pre>