From a0e424094394fcff0a4acaad71105765beb732b6 Mon Sep 17 00:00:00 2001
From: Xevion <xevion@xevion.dev>
Date: Sun, 26 May 2024 15:09:51 -0500
Subject: [PATCH] Improve mobile sizing for Header, add screen-reader
 directives

---
 src/components/Header.astro | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index 026b555..bdc0fb6 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -90,8 +90,9 @@ const text = propText ?? "undefined behaviors";
     }
   }
 </style>
-<header class:list={["text-5xl text-center lowercase", className]}>
-  <div class="stack" style="--stacks: 3;">
+<header class:list={["text-3xl md:text-4xl lg:text-5xl text-center lowercase", className]}>
+  <span class="sr-only">{text}</span>
+  <div class="stack" style="--stacks: 3;" aria-hidden="true">
     <span style="--index: 0;">{text}</span>
     <span style="--index: 1;">{text}</span>
     <span style="--index: 2;">{text}</span>