style: standardize heading sizes and add responsive text scaling across components

2025-10-14 13:01:16 +02:00
parent 6e9360fabf
commit 4f40912dc9
12 changed files with 14 additions and 14 deletions
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -102,7 +102,7 @@ export function Hero() {
      <Container>
        <div className="lg:grid lg:grid-cols-12 lg:gap-x-8 lg:gap-y-20">
          <div className="relative z-10 mx-auto max-w-2xl lg:col-span-7 lg:max-w-none lg:pt-6 xl:col-span-6">
-            <h1 className="text-4xl font-medium tracking-tight text-gray-900">
+            <h1 className="text-5xl lg:text-6xl font-medium tracking-tight text-gray-900">
              Mycelium
            </h1>
            <h2 className="mt-6 text-2xl tracking-tight text-gray-600">