将网格视图中的标题与项目对齐，并将项目内容向右移动

.container {
  display: grid;
  grid-template-columns: auto 1fr; /* 列定义，标题列宽度为自动，项目列宽度为剩余空间 */
  grid-gap: 10px; /* 网格项之间的间隔 */
}

.title {
  grid-column: 1; /* 标题所在列 */
  align-self: center; /* 垂直居中对齐 */
}

.item {
  grid-column: 2; /* 项目所在列 */
}

<div class="container">
  <div class="title">标题</div>
  <div class="item">项目内容</div>
</div>