CodePen Embed - Establishing Grid Containers.

<div class="grid grid--block">
  <div class="item">1</div>
  <div class="item">2</div>
</div>
<div class="grid grid--inline">
  <div class="item">1</div>
  <div class="item">2</div>
</div>
<div class="grid grid--inline">
  <div class="item">1</div>
  <div class="item">2</div>
</div>

.grid {
  gap: 1px;
  margin-bottom: 8px;
  border: 16px solid royalblue;
}
.grid--block { display: grid; } /* ⬅️ */
.grid--inline { display: inline-grid; } /* ⬅️ */
.item { 
  padding: 8px;
  color: white;
  background: silver;
}

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.