title: Angular 4 mat-grid-list column responsive
body: <p>How to make column number be equal 1 at mobile phone screen? How to make this code columns screen responsive? Thanks in advance</p>
  
  <pre><code> &lt;mat-grid-list cols="3" rowHeight="100px"&gt;
    &lt;mat-grid-tile colspan="1" rowspan="1"&gt;
      &lt;button mat-button="primary"&gt;
        &lt;mat-icon&gt;delete&lt;/mat-icon&gt;
        some text
      &lt;/button&gt;
    &lt;/mat-grid-tile&gt;
      &lt;mat-grid-tile colspan="1" rowspan="1"&gt;
        &lt;button mat-button="primary"&gt;
          &lt;mat-icon&gt;delete&lt;/mat-icon&gt;
          some text
        &lt;/button&gt;
      &lt;/mat-grid-tile&gt;
      &lt;mat-grid-tile colspan="1" rowspan="1"&gt;
        &lt;button mat-button="primary"&gt;
          &lt;mat-icon&gt;delete&lt;/mat-icon&gt;
          some text
        &lt;/button&gt;
      &lt;/mat-grid-tile&gt;
    &lt;/mat-grid-list&gt;
  </code></pre>