📱 Smaller Headings

Author: Funasitien

src/pages/archives.astro

@@ -8,13 +8,13 @@ import { Icon } from "astro-icon/components";
     <div class="py-8 md:px-32">
         <div class="bg-[url('/banners/dark.png')] h-64 bg-cover bg-center rounded-lg border-2 border-neutral-content p-4" />
         <div class="my-12 text-center">
-            <h1 class="text-6xl font-bold">Archives</h1>
+            <h1 class="text-5xl md:text-6xl font-bold">Archives</h1>
             <p class="text-lg text-base-content/70 mt-2">Vous trouverez ici des versions archivés des différent sites webs que j'ai pu créer au fil des années.</p>
         </div>
 
 
         <div class="mt-8 py-8">
-            <h1 class="text-5xl font-bold">Portfolios</h1>
+            <h1 class="text-4xl md:text-5xl font-bold">Portfolios</h1>
 
             <div class="grid grid-cols-1 md:grid-cols-3 my-8">
                 <Card title="Premier Portfolio" date="~2021" link="https://funa.dev/funasitien-website/" />
@@ -24,7 +24,7 @@ import { Icon } from "astro-icon/components";
                 When web addiction meets design obsession
             </div>
 
-            <h1 class="text-5xl font-bold mt-6 md:mt-12">DEMOCRAFT.FR</h1>
+            <h1 class="text-4xl md:text-5xl font-bold mt-6 md:mt-12">DEMOCRAFT.FR</h1>
 
             <div class="grid grid-cols-1 md:grid-cols-3 my-8">
                 <Card title="Azuriom Glass" icon="simple-icons:laravel" date="2024" />