title: Unlimited rows in a grid container
body: <p>I want to display an endless number of divs.</p>
  
  <p>I want each div to be on new line. </p>
  
  <p>For example now in wrapper I am setting:</p>
  
  <pre><code>wrap {
     display: grid;
     grid-template-rows: repeat(4, [row] 25px);
  }
  </code></pre>
  
  <p>And for each div I am setting:</p>
  
  <pre><code>div1 { grid-row: "row" },
  div2 { grid-row: "row 2"}
  </code></pre>
  
  <p>....etc...</p>
  
  <p>How can I deal with it in CSS? What if I have 99999 divs? I can't manually for each div setting <code>div[№] { grid-row: "row №" }</code>.</p>