CSS网格设置2列，背景与全屏宽度不同，两者的内容均为联合最大宽度

<div class="grid-container">
  <div class="grid-item">内容1</div>
  <div class="grid-item">内容2</div>
</div>

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 两列，每列宽度相等 */
  grid-gap: 10px; /* 列之间的间隔 */
}

.grid-container {
  background-color: #f2f2f2; /* 设置背景颜色 */
  background-size: 100% 100%; /* 背景大小与容器元素相同 */
}

.grid-item {
  color: #333; /* 文本颜色 */
  font-size: 16px; /* 字体大小 */
}