Shrink title on mobile screens

This commit is contained in:
Austin Chen 2022-01-19 12:17:22 -05:00
parent b704f4fe78
commit f3404b893d

View File

@ -4,7 +4,10 @@ export function Title(props: { text: string; className?: string }) {
const { text, className } = props
return (
<h1
className={clsx('text-3xl text-indigo-700 inline-block my-6', className)}
className={clsx(
'sm:text-3xl text-2xl text-indigo-700 inline-block sm:my-6 my-4',
className
)}
>
{text}
</h1>