Shrink title on mobile screens
This commit is contained in:
parent
b704f4fe78
commit
f3404b893d
|
@ -4,7 +4,10 @@ export function Title(props: { text: string; className?: string }) {
|
||||||
const { text, className } = props
|
const { text, className } = props
|
||||||
return (
|
return (
|
||||||
<h1
|
<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}
|
{text}
|
||||||
</h1>
|
</h1>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user