Tailwind 中的简单 Flex 和网格布局

Question

我正在尝试在 md: 处创建左侧 2/3 宽、右侧 1/3 宽和更大尺寸的布局。比那个小，我希望两个在彼此之上。

当我这样做时，flex 在较小的尺寸下工作，但我的容器不是我预期的尺寸：

<div class="flex flex-wrap md:flex-wrap-reverse">
<div class="col-span-8 ...">

...

</div>
<div class="col-span-4 ...">

...

</div>
</div>

Answer 1

感谢@KeithNicholas 我找到了我的答案 - 我改变了之前的尝试：

<div class="grid md:grid-flow-col ">
<div class="col-span-8 ...">

...

</div>
<div class="col-span-4 ...">

...

</div>
</div>

Simple Flex and grid layout in Tailwind