JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <h1 class="logo">ESCROW SERVANT</h1>
  <nav>
    <ul class="menu">
      <li class="dropdown">
        <a href="#">
          <span>&lt;</span>BROWSE
        </a>

        <div class="dropdown-content">
          <a href="#">Link 1</a>
          <a href="#">Link 2</a>
          <a href="#">Link 3</a>
        </div>

      </li>
      <li><a href="#">REGISTER</a></li>
      <li><a href="#" class="active">LOG IN</a></li>
    </ul>
  </nav>
</div>

CSS

.wrapper {
          width: 100%;
          height: 440px;
          background: rgb(54, 40, 124);
          overflow: hidden;
        }

        header {
          overflow: hidden;
        }

        .logo {
          float: left;
          color: #FFFFFF;
          margin: 36px 0 0 8.5%;
        }

        .menu {
          list-style: none;
          float: right;
          max-width: 500px;
          display: flex;
          justify-content: space-between;
          margin: 36px 2% 0 0;
          overflow: hidden;
        }

        .menu li {
          border: none;
          outline: none;
          /*flex-basis: 136px;*/
          /*width: 6%;*/
        }

        .menu li a {
          text-decoration: none;

          font-size: 16px;
          color: #FFFFFF;
          text-align: center;
          height: 20px;

          display: inline-block;
          padding: 10px 40px;

          border: none;
          outline: none;

        }

        .menu li .active {
          border: 2px solid #FFFFFF;
          border-radius: 22px;
        }

        .menu li a span {
          display: inline-block;
          transform: rotate(270deg);
          margin-right: 10px;
          font-size: 15px;
        }

        /* Drop down menu styles */

        /* The container <div> - needed to position the dropdown content */
        .dropdown {
          position: relative;
          display: block;
        }

        /* Dropdown Content (Hidden by Default) */
        .dropdown-content {
          display: none;
          position: absolute;
          background-color: silver;
          min-width: 160px;
          width: 170px;
          height: 130px;
          box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
          z-index: 1;
        }

        /* Links inside the dropdown */
        .dropdown-content a {
          color: #ffffff;
          padding: 12px 16px;
          text-decoration: none;
          display: block;
          width: 90px;
        }

       ...