title: Same width column with Material-UI 1 Grid
body: <p>Is there any way to create one column of same-width items with Material-UI Grid system? I have the following code</p>
  
  <pre><code>&lt;Grid container align="center" direction="column"&gt;
      &lt;Grid item className={classes.item}&gt;
          &lt;img src={logo}/&gt;
      &lt;/Grid&gt;
      &lt;Grid item&gt;
          &lt;TextField label={messages.login.username} fullWidth /&gt;
      &lt;/Grid&gt;
      &lt;Grid item &gt;
          &lt;TextField label={messages.login.password} fullWidth /&gt;
      &lt;/Grid&gt;
      &lt;Grid item&gt;
          &lt;Button color="primary" raised&gt;{messages.login.loginBtn}&lt;/Button&gt;
      &lt;/Grid&gt;
  &lt;/Grid&gt;
  </code></pre>
  
  <p>Ideally I want all the <code>Grid items</code> to be of equal width, possibly the width of their <code>container</code>. I have tried setting <code>xs=12</code> on all <code>items</code> but nothing changes.   </p>