CodePen Embed - CSS 'row-gap, column-gap' properties.

<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>
  <div class="item">6</div>
  <div class="item">7</div>
  <div class="item">8</div>
  <div class="item">9</div>
</div>

.container { 
  display: grid;
  grid: '. . .';
  row-gap: 16px; /* ⬅️ */
  column-gap: 20%; /* ⬅️ */
  /* gap: 16px 20%; */
  border: 16px solid silver;
  background: royalblue;
}
.item { 
  padding: 12px;
  background: white; 
}

This Pen is owned by Jeong, ChanMyeong on CodePen.

See more by @naradesign on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.