row-gap, column-gap

They set the spacing between rows and columns in grid layout.

        
          
          .container {  display: grid;  grid-template-columns: 1fr 350px 1fr;  grid-template-rows: repeat(3, 150px);  /* Spacing between rows */  row-gap: 50px;  /* Spacing between columns */  column-gap: 20px;}
          .container {
  display: grid;
  grid-template-columns: 1fr 350px 1fr;
  grid-template-rows: repeat(3, 150px);
  /* Spacing between rows */
  row-gap: 50px;
  /* Spacing between columns */
  column-gap: 20px;
}

        
        
          
            
            Copy
            Copied
            Failed to copy
          
        
      

Specify a single size value in any unit of measurement.

💡 In the inspector, the spacing is shaded, so it can be distinguished from grid elements.