顺风CSS-项目之间的垂直间距

我一直在尝试在使用Tailwind CSS在容器中分布行之间使用内容，以便在每行之间有相等的空间。请帮忙

            <div className="w-96 mx-10">
              <div className="flex flex-col content-between">
                <div className="bg-red-400">
                  <h2 className="text-3xl">Technology Used</h2>
                </div>
                <div className="text-lg bg-blue-200">
                  <ul>
                    <li>ITEM1</li>
                    <li>ITEM2</li>
                    <li>ITEM3</li>
                    <li>ITEM4</li>
                  </ul>
                </div>
                <div className="bg-green-100">{project.description}</div>
              </div>
            </div>

使用的技术

项目1
项目2
项目3
项目4

{project.description}

您能检查一下下面的代码吗？希望它对你有用。您需要在父元素中添加

space-y-2

类，如下代码所示

参考链接：

使用的技术

项目1
项目2
项目3
项目4

{project.description}

“应该是吗？”？这是@ZombieChowder谢谢。

<div className="flex flex-col content-between space-y-2">
  <div className="bg-red-400">
    <h2 className="text-3xl">Technology Used</h2>
  </div>
  <div className="text-lg bg-blue-200">
    <ul>
      <li>ITEM1</li>
      <li>ITEM2</li>
      <li>ITEM3</li>
      <li>ITEM4</li>
    </ul>
  </div>
  <div className="bg-green-100">{project.description}</div>
</div>