From 21c394320c8a57b3eb76eaf8771024d563d6ae5c Mon Sep 17 00:00:00 2001
From: Guilherme de Andrade <guilhermedeandrade@protonmail.com>
Date: Sat, 14 Mar 2026 20:45:33 +0000
Subject: [PATCH] style: place section titles above their content

---
 src/pages/index.astro | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

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>
         {