tailwind-css - 如何让子 div 缩小到父 div 高度？

Question

我有一个子 div，我想缩小/填充到​​我父 div 的大小。我该怎么做？

我不想裁剪它，我只想让子 div 缩小到 h-60。

<!-- parent div below -->
<div class="h-50 bg-pink-500"> 

  <!-- child div below -->
  <div class="grid-cols-2 gap-4 bg-gray-300 rounded-md md:grid"> 
  <div class="rounded-t-md md:rounded-t-none md:rounded-l-md">
    <img src="https://images.ctfassets.net/hrltx12pl8hq/3AnnkVqrlhrqb9hjlMBzKX/693a8e5d40b4b6c55a7673ca4c807eef/Girl-Stock?fit=fill&w=480&h=270"/>
  </div>
  <div class="p-3 text-black md:pr-4 md:pl-0">
    <h2>hello</h2>
    <h3>subheading</h3>
    </div>
</div>
</div>

标签： tailwind-css