❓ Help grid walang rows

[SUNRAI]

  <div id="grid">
          <div class="item-1">
                  <br>
                  <h3 id="title">#1 Sky children of the light</h3>
                  
                  <img src="./img/sky.jpeg" alt="sky cotl" width="100%" id="icon">
                  <div id="info">
                  <h5><u>About this game</u></h>
                  <br><br>
                  <h6>Sky is a social adventure to be explored with your loved ones.<br><br>

From the award-winning creators behind Journey (2013 Game of The Year) and the highly-acclaimed Flower, comes a ground-breaking social adventure that is set to warm your hearts.
</h6>
          </div><!-- end item -->
          
          <div class="item-2">
                  <h3 id="title">#2 To the moon. </h3>
                  <img src="./img/ttm.jpeg" alt="tothemoon" width="100%" id="icon">
                  <div id="info">
                  <h5><u>About this game</u></h>
                  <br><br>
                  <h6>"Then we can always regroup on the moon, silly! "
<br><br>
A story-driven experience about two doctors traversing backwards through a dying man's memories to artificially fulfill his last wish.
</h6>
          </div><!-- end item -->
          </div>
          
  </div><!-- end content -->
 
style

#grid {
  padding: 12px;
  background: #f3f3f3;
  display: grid;
        grid-template-columns:1fr;
        grid-auto-rows: auto;
        place-content: center;
        grid-gap: 15px; 
        
}

}