Отступы между столбцами и строками
Для создания отступов между столбцами и строками применяются свойства grid-column-gap и grid-row-gap соответственно.
Grid Item 1
Grid Item 2
Grid Item 3
Grid Item 4
Grid Item 5
Grid Item 6
Grid Item 7
Если значения свойств grid-column-gap и grid-row-gap совпадают, то вместо них можно определить одно свойство grid-gap, которое установит оба отступа:
.grid-container {
height: 100vh;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-gap: 10px;
}