0

I have two divs that are children of a flex div. I'd like the height of the first child to match the height of the second child.

<html>
<head>
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
   <div id="parent" class="flex mx-auto p-5 bg-sky-300">
       <div id="child1" class="w-1/3 h-full bg-green-500">
         <p>This should match height of red box<p>
       </div>
       <div id="child2" class="w-2/3 h-64 ml-5 bg-rose-500"></div>
   </div>
</body>

I can do this by setting a height on the parent div but that's not an option - the height is determined by the second child and changes based on its content.

I am familiar with this similar question however it's about doing it with pure CSS which is cumbersome - whereas I'm asking whether there's a way to do it with Tailwind.

kkyr
  • 3,785
  • 3
  • 29
  • 59

0 Answers0