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.