title: 3 columns grid displayed as 1 column on big screen 1920px
body: <p>In <a href="https://chrisbg69.github.io/" rel="nofollow noreferrer">my site</a>, I have a grid on the homepage section <code>.grid-container</code>. It looks fine on 1024px monitor, but on 1920px it's displayed in one column, how can I fix this?</p>
  <pre class="lang-css prettyprint-override"><code>.grid-conteiner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); 
    grid-gap: 1em;
    margin-bottom: 2em;
  }
  </code></pre>