title: Reduce space between rows in CSS Grid
body: <p>I'm wondering how to reduce the spacing between the rows? I've tried setting margins and paddings to 0, but nothing seems to be biting. </p>
  
  <p>Destktop view on the left and mobile view on the right. </p>
  
  <p><a href="https://i.stack.imgur.com/iisa4.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iisa4.jpg" alt="grid row spacing"></a></p>
  
  <pre><code>.content{
      margin: 0;
      padding: 0;  
      width: 100%;
      display: grid;
      grid-gap: 5px;
      grid-template-columns: repeat(36, 1fr); 
      justify-items: stretch;
      align-content: start;
      }
  
  .one{
      grid-column: 1/37;
      width: 100%;
  }
  
  .two{
      grid-column: 1/11;
  
  }
  .three{
      grid-column: 12/24;
      justify-self: center;
      align-self: start;
      position: relative;
      bottom: 5px;
  }
  .four{
      grid-column: 25/37;
  }
  </code></pre>
  
  <p>Here's a link to a test site:
  <a href="http://www.acm.no/test/valhall/" rel="nofollow noreferrer">http://www.acm.no/test/valhall/</a></p>