如何创建模态图像的网格？

<div id="grid-container"></div>

#grid-container {
  display: grid;
}

#grid-container {
  display: grid;
  grid-template-rows: repeat(3, 100px); /* 创建3行，每行高度为100像素 */
  grid-template-columns: repeat(4, 1fr); /* 创建4列，每列宽度平均分配 */
}

<div id="grid-container">
  <div class="grid-item"></div>
  <div class="grid-item"></div>
  <div class="grid-item"></div>
</div>

#grid-container {
  display: grid;
  grid-template-rows: repeat(3, 100px);
  grid-template-columns: repeat(4, 1fr);
}

.grid-item {
  background-color: #ccc;
  border: 1px solid #000;
  grid-row: 1 / 3; /* 网格项占据第1行到第3行 */
  grid-column: 2 / 4; /* 网格项占据第2列到第4列 */
}