blueskychan.dev/src/components/Profile.jsx

const Profile = () => {
  return (
    <div className="text-lg">
      <p className="space-x-1">
        <span className="text-lg font-bold md:text-xl">
          blueskychan_
        </span>
        <span className="font-extralight text-base md:text-xl">
          she/her :3
        </span>
      </p>
      <div className="text-sm font-bold">Phapoom Saksri</div>
    </div>
  )
}

export default Profile