title: MaterialUI: how to position items inside grid item?
body: <p>What would be the best way when working with MaterialUI to position an image inside a <code>&lt;Grid item&gt;</code>?</p>
  <p>This could just be done by putting a div in the grid item, making it 100% width/height, applying flexbox, then do align-items and justify-content but I think that defeats the whole purpose of the Grid system, I'm thinking it shouldn't be that much code to position something inside the Grid.</p>
  <p>example:
  <a href="https://codesandbox.io/s/nervous-lamport-rvrm5?file=/src/App.js" rel="nofollow noreferrer">https://codesandbox.io/s/nervous-lamport-rvrm5?file=/src/App.js</a></p>