diff --git a/src/pages/index.astro b/src/pages/index.astro
index ea8b15e..69655f7 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -31,7 +31,7 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
             <p class="mt-4 text-[16px] md:text-[20px] text-bright">
             for my setup, i am on fedora linux and use neovim as my text editor.
             </p>
-            <div class="flex gap-8 mt-4">
+            <div class="flex gap-4 md:gap-8 mt-4">
               <a href="/resume" class="underline text-fg text-[16px] md:text-[20px]">↗  resume</a>
               <a href="https://github.com/namishh" class="underline text-fg text-[16px] md:text-[20px]">↗  github</a>
               <a href="https://x.com/namishh_" class="underline text-fg text-[16px] md:text-[20px]">↗  x dot com</a>
@@ -49,8 +49,8 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
                 <div class="project py-2 px-0 md:pr-2 text-fg w-full md:w-1/3">
                   <a href="https://github.com/tryfloww">
                     <div class="rounded-xl bg-mbg/80 p-4">
-                          <div class="text-[16px] md:text-lg font-mono">floww</div>
-                          <div class="text-bright text-md">
+                          <div class="text-[14px] md:text-[16px] font-mono">floww</div>
+                          <div class="text-bright text-[14px] md:text-md">
                               better way for yters to manage their channels
                           </div>
                           <p class="text-sm md:text-md text-neutral-500">solid start ⋅ wip</p>
@@ -60,8 +60,9 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
                 <div class="project py-2 px-0 md:px-2 text-fg w-full md:w-1/3">
                     <a href="https://github.com/namishh/pixie">
                       <div class="rounded-xl bg-mbg/80 p-4">
-                            <div class="text-lg font-mono">biotrack</div>
-                            <div class="text-bright text-md">
+                            <div class="text-[14px] md:text-[16px] font-mono">biotrack</div>
+
+                          <div class="text-bright text-[14px] md:text-md">
                              easy to use online health logger and journal
                             </div>
                             <p class="text-md text-neutral-500">golang ⋅ templ</p>
@@ -71,8 +72,8 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
                 <div class="project py-2 px-0 md:px-2 text-fg w-full md:w-1/3">
                     <a href="https://github.com/namishh/pixie">
                       <div class="rounded-xl bg-mbg/80 p-4">
-                            <div class="text-lg font-mono">pixie</div>
-                            <div class="text-bright text-md">
+                            <div class="text-[14px] md:text-[16px] font-mono">pixie</div>
+                          <div class="text-bright text-[14px] md:text-md">
                                 web based small lightroom like editor
                             </div>
                             <p class="text-md text-neutral-500">rust ⋅ next</p>
@@ -82,8 +83,8 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
                 <div class="project px-0 md:px-2 py-2 text-fg w-full md:w-1/3">
                     <a href="https://github.com/namishh/holmes">
                       <div class="rounded-xl bg-mbg/80 p-4">
-                            <div class="text-lg font-mono">holmes</div>
-                            <div class="text-bright text-md">
+                            <div class="text-[14px] md:text-[16px] font-mono">holmes</div>
+                          <div class="text-bright text-[14px] md:text-md">
                                 golang and sqlite starter kit for
                                 crypt hunts
                             </div>
@@ -94,8 +95,8 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
                 <div class="project py-2 px-0 md:px-2 text-fg w-full md:w-1/3">
                     <a href="https://github.com/namishh/pixie">
                       <div class="rounded-xl bg-mbg/80 p-4">
-                            <div class="text-lg font-mono">neuing</div>
-                            <div class="text-bright text-md">
+                            <div class="text-[14px] md:text-[16px] font-mono">neuing</div>
+                            <div class="text-bright text-[14px] md:text-md">
                                neutral network made from the group up 
                             </div>
                             <p class="text-md text-neutral-500">golang ⋅ maths</p>
@@ -105,8 +106,8 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
                 <div class="project py-2 px-0 md:px-2 text-fg w-full md:w-1/3">
                     <a href="https://github.com/namishh/pixie">
                       <div class="rounded-xl bg-mbg/80 p-4">
-                            <div class="text-lg font-mono">shawty</div>
-                            <div class="text-bright text-md">
+                            <div class="text-[14px] md:text-[16px] font-mono">shawty</div>
+                            <div class="text-bright text-[14px] md:text-md">
                               made in pure c, web based url shortner 
                             </div>
                             <p class="text-md text-neutral-500">c ⋅ htmx</p>