column-gap, row-gap

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

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

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

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

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