展开父CSS网格内的内部CSS网格

如何扩展最内部的栅格以在右侧占据更多空间。我希望它从左边开始的宽度相同。最里面的分区右侧有一个很大的间隙。整个项目可以在这个代码栏中看到：

CSS

---

我们只需添加

宽度：100%

-：

.inner-grid-page {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 20px 150px 20px;
}

---

我们只需添加

宽度：100%

-：

.inner-grid-page {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 20px 150px 20px;
}

---

对于flex中的项目，如果希望它占用空间，请设置

flex grow:1

或

flex:1

.inner-grid-page {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 20px 150px 20px;
  flex: 1;
}

---

对于flex中的项目，如果希望它占用空间，请设置

flex grow:1

或

flex:1

.inner-grid-page {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 20px 150px 20px;
  flex: 1;
}

---

当我看到你的答案时，我只删除我的：）当我看到你的答案时，我只删除我的：）