Html Talwind Flexbox网格布局

我试图学习如何建立网站布局使用顺风Flexbox网格，因为我认为这将是有价值的。我有一些问题：

如何构建这样的布局？使用Flexbox网格？特别是侧边栏部分？我想不出来。似乎很难做一些比一排排排在一起更复杂的事情 除了这个，我如何进一步开发它？一排

拯救
1.
1.
1.
拯救
1.
1.
1.
拯救
1.
1.
1.
拯救
1.
1.
1.

顺风 您可以使用tailwind/flex实现这一点，但我不推荐这样做

/*仅演示CSS*/
div{
边框：1px纯黑；
文本对齐：居中；
填充：10px；
背景色：rgba（0,0,0,1）；
}

1.
2.
3.
4.
5.
6.

哦，忘了！现在我已经把它贴在问题上了！：-）超级乐于助人的人！我还想知道一件事！第六组。。这是一种简单的方法，让它填满了页面的其余部分，但还没有填满吗？是的，我更新了片段，以满足您的需要。我刚刚添加了一个css类

flex-1

Oops，我犯了一个错误，它不仅仅是添加了一个类。演示现在应该可以开始了。