JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
    <ul>
        <li id="nav_capabilities">
            <a href="#">
                Capability
                <span class="nav_subText">A rundown of our services</span>
            </a>
        </li>
        <li id="nav_capacity">
            <a href="#">
                Capacity
                <span class="nav_subText">How much can we handle</span>
            </a>
        </li>
        <li id="nav_credibility">
            <a href="#">
                Credibility
                <span class="nav_subText">The quality of being trustworthy</span>
            </a>
        </li>
    </ul>
</nav>