Html 如何使用CSS网格制作边栏和部分？

我想做一个这样的布局：

这是我的密码：

.grid{
显示：网格；
背景：灰色；
栅极间隙：15px；
调整内容：中心
对齐项目：居中；
网格模板列：重复（2，自动）；
网格自动行：最小最大值（50px，自动）；
}
.侧边栏{
网格柱：1/2；
背景色：白色；
对齐项目：居中；
证明内容：中心；
宽度：300px；
}
navbar先生{
网格柱：2/3；
背景色：白色；
高度：50px；
}
.第2节{
网格柱：2/3；
背景色：白色；
高度：300px；
}
.第4节{
网格柱：2/3；
背景色：白色；
高度：300px；
}
.第3节{
网格柱：1/2；
背景色：白色；
高度：200px；
对齐项目：居中；
宽度：300px；
}
.第5节{
网格柱：1/2；
背景色：白色；
高度：100px；
对齐项目：居中；
宽度：300px；
}

边栏
导航栏
第2节
第三节
第四节
第五节

这很复杂，因为有了CSS网格，您就有了一个网格

对于布局，必须将它们分为两部分，如下所示：

<div class="grid">
    <div class="left">
        <aside class="sidebar">sidebar</aside>
        <section class="section2">section2</section>
        <section class="section4">section4</section>
   </div>
   <div class="right">
        <nav class="navbar">navbar</nav>
        <section class="section3">section3</section>
        <section class="section5">section5</section>
   </div>
</div>

css网格不可能，因为它在类似表格的布局中工作。您可以使用flexbox实现这一点，或者您需要制作一个模板网格，将页面划分为两个独立的列，并手动将div/节放入这些列中。@tacoshy，等等，我的布局在CSS网格中是不可能的？谢谢你让我知道。谢谢！你是最棒的