title: CSS Grid is not responsive on mobile-browsers
body: <p>I made a responsive website and works perfect when I re-size the browser, but the website dont work only on smartphones, only when I add <em>@media</em> it dont work on mobile-browsers</p>
  
  <p>My CSS:</p>
  
  <pre><code>.Footer {
  background: #222;
  color: #fff;
  padding: 2px;
  align-items: center;
  text-align: center;
  
  
  @media(min-width: 600px) {
  .Footer {
      display: grid;
      grid-template-columns: 1fr 1fr;
  }
  }
  </code></pre>