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>