viewfinder/packages/kitchen-sink/react-remix/app/components/Brand/index.tsx

import {Link} from "@remix-run/react"

export const Brand = () => (
  <Link
    to="/"
		className="block no-underline text-[1.5rem] font-bold uppercase w-8 text-center sm:text-left sm:w-auto"
  >
    B
		<span className="hidden sm:inline">
      rand
    </span>
  </Link>
)