prisma-home-challenge/components/Nav.tsx

import { FC } from "react";

const Nav: FC = () => (
  <header className="bg-prisma-50 w-full min-h-nav flex items-end">
    <nav className="w-full max-w-screen-lg flex mx-auto justify-between">
      <ul className="flex">
        <li className="">
          <a href="#" className="py-7 px-4 block font-bold">
            Prisma
          </a>
        </li>
      </ul>
      <ul className="flex">
        <li className="">
          <a href="#" className="py-7 px-4 block">
            Sign up
          </a>
        </li>
        <li className="">
          <a href="#" className="py-7 px-4 block">
            Log in
          </a>
        </li>
      </ul>
    </nav>
  </header>
);

export default Nav;