From a6a17e8969034fe3551a1fb422f798d46f94c6b9 Mon Sep 17 00:00:00 2001
From: Atridad Lahiji <me@atri.dad>
Date: Fri, 25 Apr 2025 03:00:15 -0600
Subject: [PATCH] Sizing fixes for mobile

---
 components/SocialLinks.tsx |  2 +-
 components/TechLinks.tsx   |  2 +-
 routes/index.tsx           | 12 ++++++------
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/components/SocialLinks.tsx b/components/SocialLinks.tsx
index e723762..53e1485 100644
--- a/components/SocialLinks.tsx
+++ b/components/SocialLinks.tsx
@@ -3,7 +3,7 @@ import { SiBluesky, SiForgejo, SiRss } from "@preact-icons/si";
 
 export default function SocialLinks() {
   return (
-    <div class="flex flex-row gap-4 text-3xl">
+    <div class="flex flex-row gap-4 text-xl sm:text-3xl">
       <a
         href="mailto:me@atri.dad"
         aria-label="Email me"
diff --git a/components/TechLinks.tsx b/components/TechLinks.tsx
index cc03ec0..1f87c31 100644
--- a/components/TechLinks.tsx
+++ b/components/TechLinks.tsx
@@ -10,7 +10,7 @@ import {
 
 export default function TechLinks() {
   return (
-    <div class="flex flex-row gap-4 text-3xl">
+    <div class="flex flex-row gap-4 text-xl sm:text-3xl">
       <a
         href="https://react.dev/"
         target="_blank"
diff --git a/routes/index.tsx b/routes/index.tsx
index fca08d1..7cedd09 100644
--- a/routes/index.tsx
+++ b/routes/index.tsx
@@ -8,23 +8,23 @@ export default function Home() {
       <img
         src="/logo.webp"
         alt="A drawing of Atridad Lahiji by Shelze!"
-        height={200}
-        width={200}
+        height={150}
+        width={150}
       />
 
-      <h1 class="bg-gradient-to-r from-primary via-secondary to-accent bg-clip-text text-transparent text-6xl font-bold">
+      <h1 class="bg-gradient-to-r from-primary via-secondary to-accent bg-clip-text text-transparent text-4xl sm:text-6xl font-bold text-center">
         Atridad Lahiji
       </h1>
 
-      <h2 class="text-3xl font-bold">
+      <h2 class="text-xl sm:text-3xl  font-bol text-center">
         Researcher, Full-Stack Developer, and IT Professional.
       </h2>
 
-      <h3 class="text-2xl font-bold">Places I Exist:</h3>
+      <h3 class="text-lg sm:text-2xl font-bold">Places I Exist:</h3>
 
       <SocialLinks />
 
-      <h3 class="text-2xl font-bold">Stuff I Use:</h3>
+      <h3 class="text-lg sm:text-2xl font-bold">Stuff I Use:</h3>
 
       <TechLinks />