用grid写第一行二列其它3列

这里提供一种可能的HTML和CSS代码实现：

<div class="grid-container">
  <div class="item1">第一行第一列</div>
  <div class="item2">第一行第二列</div>
  <div class="item3">第二行第一列</div>
  <div class="item4">第二行第二列</div>
  <div class="item5">第二行第三列</div>
</div>

.grid-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* 一行分为五列 */
  grid-template-rows: repeat(2, 50px); /* 两行，每行50像素高 */
  gap: 10px; /* 列与列之间的间距 */
}

.item1 {
  grid-column: 1 / span 2; /* 第一行第一列，跨越两列 */
  grid-row: 1 / 2; /* 第一行第一列，占据第一行 */
  background-color: #ffcc00;
}

.item2 {
  grid-column: 3 / 4; /* 第一行第二列，占据第三列 */
  grid-row: 1 / 2; /* 第一行第二列，占据第一行 */
  background-color: #ff6666;
}

.item3 {
  grid-column: 1 / 2; /* 第二行第一列，占据第一列 */
  grid-row: 2 / 3; /* 第二行第一列，占据第二行 */
  background-color: #66ccff;
}

.item4 {
  grid-column: 2 / 4; /* 第二行第二列，跨越两列 */
  grid-row: 2 / 3; /* 第二行第二列，占据第二行 */
  background-color: #cc66ff;
}

.item5 {
  grid-column: 4 / 6; /* 第二行第三列，跨越两列 */
  grid-row: 2 / 3; /* 第二行第三列，占据第二行 */
  background-color: #66ff66;
}

以上代码将一个包含5个<div>元素的grid容器分为两行，第一行包含两列，第二行包含三列。第一行第一列占据了前两列，第一行第二列占据了第三列；第二行第一列占据了第一列，第二行第二列占据了前两列，第二行第三列占据了后两列。可以根据需要进行调整。