JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <ul>
        <li><a href="/real-estate"><span>Real Estate &amp;&nbsp;Development</span></a></li>
        <li><a href="/new-business"><span>New &amp; Expanding Business</span></a></li>
      <li><a href="/new-business"><span>New &amp; Expanding Business</span></a></li>
       <li><a href="/new-business"><span>Global</span></a></li>
        <li><a href="/new-business"><span>Career Center</span></a></li>
    </ul>
</div>

SCSS

ul {
  padding: 0;
  list-style: none;
  display: flex;
  background-color: grey;
  height: 50px;
  align-items: center;
  justify-content: space-between;
  li {
    text-align: center;
    flex-basis: 0;
    flex-grow: 1;
  }
}