From f3404b893de58c52c0b332bc072c6814a798e235 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Wed, 19 Jan 2022 12:17:22 -0500
Subject: [PATCH] Shrink title on mobile screens

---
 web/components/title.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/components/title.tsx b/web/components/title.tsx
index 6653a9f1..f08e2b09 100644
--- 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>