title: Material UI responsive grid direction
body: <p>I want the container direction as &quot;row&quot; above md size screen and &quot;column&quot; below md size screen?
  How can I implement it?</p>
  <pre><code>&lt;Grid container direction = &quot;row&quot;(in large screens)/direction = &quot;column&quot;(in small screens)&gt;
  </code></pre>
  <p>I tried something this.</p>
  <pre><code>&lt;Grid container classes={gridDirection}&gt;
  
   gridDirection: {
      direction = &quot;row&quot;,
      [theme.breakpoints.down('md')]: {
        direction = &quot;column&quot;,
      },
    }
  </code></pre>
  <p>but it is not working probably because &quot;direction&quot; is a react prop and not a CSS style.
  Is there a way to access these react props inside stylesheet file?</p>