Navbar tailwind

gistfile1.txt

<header className="flex items-center bg-gray-800 px-28 py-3">
      <Link href="/">
        <h1 className="font-black text-3xl text-white">Title</h1>
      </Link>


      <div className="flex-grow text-right">
        <button
          className="bg-green-500 hover:bg-green-400 px-5 py-2 text-gray font-bold rounded-sm inline-flex items-center"
          onClick={() => router.push("/new")}
        >
          <AiOutlinePlus className="mr-2" />
          Add Task
        </button>
      </div>
    </header>