diff --git a/src/pages/index.astro b/src/pages/index.astro
index ee352fd..10392bb 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -19,7 +19,7 @@ import "../styles/base.css";
   </head>
   <BaseLayout>
     <!-- About Section -->
-    <section class="grid grid-cols-1 gap-6 sm:grid-cols-[140px_1fr]">
+    <section class="flex flex-col gap-2">
       <SectionHeading title="About" />
       <p class="text-gray-1100 leading-7">
         I'm Gui, a Frontend Engineer focused on crafting polished and user-first
@@ -38,7 +38,7 @@ import "../styles/base.css";
     </section>
 
     <!-- Currently Section -->
-    <section class="grid grid-cols-1 gap-6 sm:grid-cols-[140px_1fr]">
+    <section class="flex flex-col gap-2">
       <SectionHeading title="Currently" />
       <div class="text-gray-1100 space-y-4 leading-7">
         <p>
@@ -63,7 +63,7 @@ import "../styles/base.css";
     </section>
 
     <!-- Writing Section -->
-    <section class="grid grid-cols-1 gap-6 sm:grid-cols-[140px_1fr]">
+    <section class="flex flex-col gap-2">
       <SectionHeading title="Writing" href="/writing" />
       <ul>
         {
@@ -81,7 +81,7 @@ import "../styles/base.css";
     </section>
 
     <!-- Talks Section -->
-    <section class="grid grid-cols-1 gap-6 sm:grid-cols-[140px_1fr]">
+    <section class="flex flex-col gap-2">
       <SectionHeading title="Talks" href="/talks" />
       <ul>
         {