JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
  <ul>
    <div>
      <li>menu</li>
      <li>menu</li>
      <li>menu</li>
    </div>

    <img src="https://www.designevo.com/res/templates/thumb_small/brown-circle-and-chocolate-coffee.png">

    <div>
      <li>menu</li>
      <li>menu</li>
      <li>menu</li>
    </div>
  </ul>
</nav>

CSS

ul {
  display: flex;
  list-style: none;
  padding: 0;
  width: 100%;
  justify-content: space-evenly;
  align-items: center;
}

ul div {
  display: flex;
  flex-basis: 40%;
  justify-content: space-evenly;
}

ul img {
  height: 6em;
}