title: Which is the best way to specify "justify" for grid item in material-ui?
body: <p>I have a simple Grid from the <code>material-UI</code> library. It looks like that:</p>
  
  <pre><code>&lt;Grid container&gt;
      &lt;Grid item sm={6}&gt;
          &lt;SearchPanel/&gt;
      &lt;/Grid&gt;
      &lt;Grid item sm={6}&gt;
          &lt;ItemStatusFilter/&gt;
      &lt;/Grid&gt;
  &lt;/Grid&gt;
  </code></pre>
  
  <p>I just can't understand how can I align the first grid item in the center, and the second, for example, on the right side?</p>
  
  <p>UPD: I could do it with <code>justify-content: flex-end!important</code> in my <code>CSS</code> files, but I'm not sure that it's the best way.</p>