title: How to make my website open gracefully on mobile devices?
body: <p>I have this code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;style&gt;
          div {
              background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f3c5bd), color-stop(50%,#e86c57), color-stop(51%,#ea2803), color-stop(75%,#ff6600), color-stop(100%,#c72200));
              width: 310px;
              height: 310px;
          }
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div&gt;lol&lt;/div&gt;
          text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But when i open it on my phone instead of showing the red div on the full screen it shows everything small... what am I missing?</p>
  
  <p>Please help</p>