diff --git a/src/components/Intro.astro b/src/components/Intro.astro
index bdf25a7..7f5e750 100644
--- a/src/components/Intro.astro
+++ b/src/components/Intro.astro
@@ -14,10 +14,14 @@ import SocialLink from "@/components/SocialLink.astro";
     src={profileImage}
     loading="eager"
     alt="Dhemas Nurjaya"
-    class="w-48 h-48 rounded-2xl"
+    class="size-36 sm:size-48 rounded-2xl"
   />
-  <h1 class="text-5xl font-bold mt-4">Dhemas Nurjaya</h1>
-  <h2 class="text-xl mt-2">Passionate Software Engineer</h2>
+  <h1 class="text-3xl sm:text-5xl font-bold mt-4 text-center">
+    Dhemas Nurjaya
+  </h1>
+  <h2 class="text-lg sm:text-xl mt-2 text-center">
+    Passionate Software Engineer
+  </h2>
   <div class="flex flex-row gap-8 mt-8" aria-label="social links">
     <SocialLink
       href="https://www.linkedin.com/in/dhemas-nurjaya-030890bb"