I am using tailwindCSS. What I'd like to do is create the traditional nav we've all seen minus a third element. So the header, or "logo" would stay in the top left. The three menu items should be in the center of the nav.
I have tried many things, and asked chatGPT, and a couple discords. Nobody's solution is working. The text for my links always appears just slightly off from the center, I even measured.
I would like to avoid absolute positioning if possible, as I want it to remain mobile responsive. Adding a third element mostly fixes the problem, however it still appears slightly off kilter.
Grateful for any help.
<h1>Nathaniel Reeves</h1><div class="flex gap-3 mx-auto"><a href="#">Services</a><a href="#">My Work</a><a href="#">The Process</a></div></nav>```