From a472f14b80f39968be2ecddc8bb9544932613cca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Naoki=20Tomita=F0=9F=90=B1?= <mxcpy608@hotmail.com>
Date: Thu, 11 May 2023 12:37:53 +0900
Subject: [PATCH] Improve font size on smart phone

---
 app/components/Header.tsx | 8 ++++++++
 app/pages/index.tsx       | 4 ++++
 2 files changed, 12 insertions(+)

diff --git a/app/components/Header.tsx b/app/components/Header.tsx
index 3201a61..872614a 100644
--- a/app/components/Header.tsx
+++ b/app/components/Header.tsx
@@ -3,6 +3,14 @@ import { styled } from "zstyl";
 
 const Heading = styled.h1`
   font-size: 3.25em;
+
+  @media (max-width: 560px) {
+    font-size: 2.5em;
+  }
+
+  @media (max-width: 450px) {
+    font-size: 1.7em;
+  }
 `;
 
 const Link = styled.a`
diff --git a/app/pages/index.tsx b/app/pages/index.tsx
index 3874bd1..0947c5e 100644
--- a/app/pages/index.tsx
+++ b/app/pages/index.tsx
@@ -13,6 +13,10 @@ const Heading1 = styled.h1`
   text-align: center;
   font-size: 4.2em;
   border: none;
+
+  @media (max-width: 560px) {
+    font-size: 2.5em;
+  }
 `;
 
 const Heading2 = styled.h2`