Css 如何使卡片在网格中占据最大的高度？

我想添加一张卡，填满所有的空间

代码如下：

<div class="flex place-items-stretch">
  <div class="flex-1 container mx-auto p-10">
    <ul class="grid grid-cols-6 gap-4 ">
      <li class="bg-white rounded shadow-xl col-span-3"><div class="h-48 flex flex-col justify-start p-4">
      <span class="text-2xl  font-bold">Profile</span>

      <div class="flex flex-col pt-5 gap-y-2">
        .......

      </div></li>

      <li class="shadow-xl rounded col-span-3 Vcardbg"><div class="h-48"></div></li>

      <li class="rounded shadow-xl col-span-6 h-full">
      <div class="h-full w-full"></div></li>
    </ul>
  </div>
</div>

轮廓
.......

我试过使用h-full、h-auto和所有这些选项，但都不起作用，我如何让它占据空间？？我只是想用我的定制卡填满绿色区域