title: Angular Material Not Responsive on Mobile
body: <p>I've developed my site using Angular Material. The desktop version is perfect. However, when viewed on mobile the entire site looks broken and misplaced. I'm wondering if this is because I have not set the cols size for every element on my site? Any help on how to fix this on mobile would be appreciated. Below I attached my meta tags in case that might be the issue. The site is <a href="http://jasontanner.me" rel="noreferrer">here</a> along with the <a href="https://github.com/thejourneydude/me" rel="noreferrer">source code</a>.</p>
  
  <pre><code>&lt;meta charset="utf-8"&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
  &lt;meta name="description" content=""&gt;
  &lt;meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" /&gt;
  &lt;meta name="viewport" content="width=device-width"&gt;
  </code></pre>