title: I want to set flex-direction property to Material UI Grid tag
body: <p>I want to set <em>direction</em> property to &lt;Grid container&gt; component of the Material UI framework. I have read the <a href="https://material-ui.com/api/grid/" rel="nofollow noreferrer">doc</a>
  and <strong>I tried setting direction property as column</strong> like below:</p>
  
  <pre><code>&lt;Grid container direction="column"&gt;
      &lt;Grid item xs={12} &gt;
          &lt;h3 className="center-align"&gt;Log In&lt;/h3&gt;
          &lt;input type="text" id="user-email-on-login" placeholder="username@email.com" /&gt;
          &lt;input type="password" id="user-password-on-login" placeholder="password" /&gt; 
          &lt;button&gt;Log In&lt;/button&gt;
      &lt;/Grid&gt;
  
      &lt;Grid item xs={12}&gt;
          &lt;button&gt;Forgot Id/Password&lt;/button&gt;
          &lt;button&gt;Create Account&lt;/button&gt;
          &lt;button&gt;Remember Me&lt;/button&gt;    
      &lt;/Grid&gt;         
  &lt;/Grid&gt;
  </code></pre>
  
  <p>But the output is not expected result. The output seems the same with the way I have used <em>direction="row"</em>.
  When I remove &lt;Grid item&gt; tag, then <em>direction=column</em> property on &lt;Grid container&gt; works perfectly.</p>
  
  <p>If I have to use &lt;Grid item&gt; tag, is there a way to set <em>flex-direction</em> property as <em>column</em>?</p>