title: AngularJS material mobile layout not responsive
body: <p>I am trying to make a responsive website and the issue that I am having is the mobile version just looks like a super tiny version of the desktop.</p>
  
  <pre><code>&lt;body ng-controller="body" &gt;
  
  &lt;div layout="column"&gt;
      &lt;div flex&gt;
          I'm above on mobile, and to the left on larger devices.
      &lt;/div&gt;
      &lt;div flex&gt;
          I'm below on mobile, and to the right on larger devices.
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>The example above on a desktop has the two <code>flex</code> divs next to each other in a row, if i re-size the browser the divs eventually go from inline to one under the other just like it supposed to. The problem is that on a mobile the divs stay inline and the font looks tiny and it basically just looks like a full very tiny website. It doesn't seem like the responsive part is kicking in. I am clearly missing something.</p>