row-gap, column-gap

Задают отступы между рядами и колонками в грид-раскладке.

        
          
          .container {  display: grid;  grid-template-columns: 1fr 350px 1fr;  grid-template-rows: repeat(3, 150px);  /* Отступы между рядами */  row-gap: 50px;  /* Отступы между колонками */  column-gap: 20px;}
          .container {
  display: grid;
  grid-template-columns: 1fr 350px 1fr;
  grid-template-rows: repeat(3, 150px);
  /* Отступы между рядами */
  row-gap: 50px;
  /* Отступы между колонками */
  column-gap: 20px;
}

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Указывайте одно значение размера в любых единицах измерения.

💡 В инспекторе отступы заштриховываются, так их можно отличить от грид-элементов.