如何使用CSS Grid和容器类将其放入两列？

<div class="grid-container">
  <!-- 内容放在这里 -->
</div>

.grid-container {
  display: grid;
}

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 两列宽度相等 */
}

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.grid-item {
  grid-column-start: 1; /* 内容开始于第一列 */
  grid-column-end: 2; /* 内容结束于第二列 */
}

<div class="grid-container">
  <div class="grid-item">
    <!-- 第一列的内容 -->
  </div>
  <div class="grid-item">
    <!-- 第二列的内容 -->
  </div>
</div>

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.grid-item {
  grid-column-start: 1;
  grid-column-end: 2;
}