将任意一个组件包装到div中，并将其显示在网格列中

<div class="grid-container">
  <!-- 组件将被放置在这里 -->
</div>

.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 定义3列，每列宽度相等 */
  grid-gap: 10px; /* 定义网格间隙为10像素 */
}

<div class="grid-container">
  <div class="grid-item">
    <!-- 组件内容 -->
  </div>
</div>

.grid-item {
  grid-column: 2; /* 将该div放置在第2列 */
}