title: CSS Grid: % and auto not working for Grid-Template-Rows
body: <p>Here is my code:</p>
  
  <pre><code>.container {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: 20% 20% 20% 20% 20%;
      grid-column-gap: 40px;
      grid-row-gap: 10px;
  }
  </code></pre>
  
  <p>fr = 1 fraction part of the screen (in case someone didn't know)</p>
  
  <p>When I put a specific size for the rows, i.e 200px, it works! However, anything responsive i.e 20%, it's not running right. </p>
  
  <p>Why not?</p>
  
  <p>Any help appreciated.</p>