Shrink title on mobile screens

2022-01-19 12:17:22 -05:00 · 2022-01-19 12:17:22 -05:00 · f3404b893d
commit f3404b893d
parent b704f4fe78
1 changed files with 4 additions and 1 deletions
--- a/web/components/title.tsx
+++ b/web/components/title.tsx
@ -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>