title: How to set the minimum width on a react material ui grid item?
body: <p>I've got this code... I'd like to have one 'column' that is a minimum of 250 pixels wide...  I tried the material ui suggestion for sizing: <a href="https://material-ui.com/system/sizing/" rel="noreferrer">https://material-ui.com/system/sizing/</a> and didn't seem to have any luck... the 'logo' element will shrink smaller than 250px when the window size shrinks.  When that happens, the red grid item (which itself is a grid container with my actual data) obscures the logo.</p>
  
  <p>How can I set the minimum width of a material ui Grid item?</p>
  
  <pre><code>&lt;Grid
      container
      direction="row"
  &gt;
      &lt;Grid item xs={3}  &gt;
          &lt;Box width={250}&gt;
              &lt;img src={Logo} key="logo" width="250"  height="100" alt="Logo" /&gt;
          &lt;/Box&gt;
      &lt;/Grid&gt;
      &lt;Grid item style={{ backgroundColor: '#f22' }} xs={9}&gt;
          &lt;Grid
              container
              direction="row"
              justify="flex-start"
              spacing={2}
          &gt;
          {this.panelGrid(eventID, panelData)}
          &lt;/Grid&gt;
      &lt;/Grid&gt;
  &lt;/Grid&gt;
  </code></pre>