title: How to divide footer in column wise along with footer contents?
body: <p>I'm setting footer with headings title as About, contact us, popular searches, Blogs. I want to display the contents below footer title but its not working. I'm getting the output like contents are getting displayed next to footer title.</p>
  
  <p>I tried to use the grid system but no result as of now.</p>
  
  <pre><code>Contact us            Services          Blogs     
  
  no:12, 8th cross,     Find doctors       Twitter
  Rajajinagar,          Find hospitals     Facebook
  Bangalore.
  </code></pre>
  
  <p>HTML Code:</p>
  
  <pre><code>&lt;mat-grid-list cols="4" row Height="4:0.8" class="list"&gt; 
    &lt;mat-grid-tile &gt;Contact Us &lt;h3&gt;Contact us&lt;/h3&gt; &lt;/mat-grid-tile&gt; 
    &lt;mat-grid-tile&gt;Services&lt;/mat-grid-tile&gt; 
    &lt;mat-grid-tile&gt;About Us&lt;/mat-grid-tile&gt; 
    &lt;mat-grid-tile&gt;Popular Searches&lt;/mat-grid-tile&gt; 
  &lt;/mat-grid-list&gt;
  </code></pre>