How to make this to be exact:-
In the above there is a div justified at the center, and then another div next to it. The width of both the div’s changes with animation and buttons.
<script src="https://cdn.tailwindcss.com/3.4.3"></script>
<div class="flex justify-center">
<!-- This is unneeded extra placeholder -->
<div class=" bg-blue-300 grow"></div>
<!-- center content whose width is not determined -->
<div class="py-10 bg-yellow-300">Center Me</div>
<!-- right content whose width is not determined -->
<div class=" bg-blue-300 grow">
<div>Needs to be in right of center</div>
<div>TEXT TEXT TEXT</div>
</div>
</div>