title: How to make the GridList component in React Material-UI responsive
body: <p>I'm using the Material-UI version 1 to make the grid UI in my React application.  I want to make the grid responsive.  The GridList component API has <em>cols</em> props, which by default is <em>2</em>.  </p>
  
  <p>For example, it could looks like this below.</p>
  
  <pre><code>&lt;GridList cols={1} spacing={32} className="list"&gt;&lt;/GridList&gt;
  </code></pre>
  
  <p>Can I dynamically change the props?  Or are there any other ways to make it responsive?</p>