From eb91cfd881b78d595287bd0be0b187f1bfef53cb Mon Sep 17 00:00:00 2001
From: Francesc Arpi Roca <francesc.arpi@gmail.com>
Date: Tue, 31 Mar 2026 11:53:07 +0200
Subject: [PATCH] fix: some responsive adjustments

Fixes #141
---
 src/components/LocationPage.astro                 |  2 +-
 src/layouts/Layout.astro                          |  2 +-
 .../components/Header/components/Navigation.astro |  2 +-
 src/pages/[lang]/location.astro                   |  2 +-
 src/pages/[lang]/sponsors.astro                   | 15 ++++++++-------
 5 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/components/LocationPage.astro b/src/components/LocationPage.astro
index 286aaef..56d1f4a 100644
--- a/src/components/LocationPage.astro
+++ b/src/components/LocationPage.astro
@@ -19,7 +19,7 @@ const transportIcons = {
 
 <div class="location-container pb-20">
   <!-- Hero Section -->
-  <section class="relative h-[60vh] min-h-[400px] w-full overflow-hidden rounded-3xl mb-12 shadow-2xl">
+  <section class="relative h-[40vh] min-h-10 w-full overflow-hidden rounded-3xl mb-12 shadow-2xl">
     <img
       src="/images/Barcelona/seuUB.jpg"
       alt={t['location.hero.title']}
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 6dcdb87..01a3c23 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -141,7 +141,7 @@ const alternates = [
     </div>
     <Header lang={lang as string} />
 
-    <main class="relative grow z-10 flex flex-col justify-center container mx-auto p-4 md:p-8 pt-20">
+    <main class="relative grow z-10 flex flex-col justify-center container mx-auto p-4 md:p-8">
       <slot />
     </main>
     <Footer lang={lang as string} />
diff --git a/src/layouts/components/Header/components/Navigation.astro b/src/layouts/components/Header/components/Navigation.astro
index eb324ce..73159e2 100644
--- a/src/layouts/components/Header/components/Navigation.astro
+++ b/src/layouts/components/Header/components/Navigation.astro
@@ -49,7 +49,7 @@ const { items } = menuTexts[currentLang]
 
 <div
   id="main-navigation"
-  class="fixed top-0 w-full z-50 bg-pycon-black/90 backdrop-blur-md border-b border-pycon-gray-100/30 transition-colors duration-300"
+  class="fixed top-0 w-screen z-50 bg-pycon-black/90 backdrop-blur-md border-b border-pycon-gray-100/30 transition-colors duration-300"
 >
   <div class="container mx-auto px-4 h-20 flex items-center justify-between">
     <!-- Logo -->
diff --git a/src/pages/[lang]/location.astro b/src/pages/[lang]/location.astro
index 5aeb3f9..2dc2809 100644
--- a/src/pages/[lang]/location.astro
+++ b/src/pages/[lang]/location.astro
@@ -18,7 +18,7 @@ const title = titles[(lang || 'es') as keyof typeof titles]
 ---
 
 <Layout title={title}>
-  <div class="grow w-full pt-24">
+  <div class="grow w-full md:mt-24 mt-12">
     <div class="container mx-auto px-4 md:px-8">
       <LocationPage lang={lang || 'es'} />
     </div>
diff --git a/src/pages/[lang]/sponsors.astro b/src/pages/[lang]/sponsors.astro
index 396bdb9..30ff746 100644
--- a/src/pages/[lang]/sponsors.astro
+++ b/src/pages/[lang]/sponsors.astro
@@ -38,7 +38,7 @@ const {
 ---
 
 <Layout title={title}>
-  <div class="grow w-full overflow-x-hidden">
+  <div class="grow w-full md:mt-24 mt-16">
     <div class="container mx-auto px-4 py-8 text-white">
       <!-- Hero -->
       <div class="text-center mb-12">
@@ -395,12 +395,12 @@ const {
       <h2 class="text-center text-3xl font-bold mb-8">{tiers.title}</h2>
 
       <div class="table-scroll overflow-x-auto pb-4 mb-8 border border-white/10 rounded-lg bg-pycon-black">
-        <table class="pricing-table w-full border-separate border-spacing-0 min-w-225">
+        <table class="pricing-table w-full border-separate border-spacing-0">
           <thead>
             <tr class="bg-pycon-black">
               <th
                 scope="col"
-                class="w-50 p-4 text-center border-b border-r border-white/10 align-bottom pb-6 sticky left-0 z-10"
+                class="w-50 p-4 text-center border-b border-r border-white/10 align-bottom pb-6 sticky left-0 z-10 bg-pycon-black"
                 >{tiers.column1}</th
               >
               {
@@ -448,23 +448,24 @@ const {
               benefitCategories.items.map((category: any) => (
                 <>
                   <tr>
-                    <th
+                    <td
+                      colspan="5"
                       scope="row"
                       class="p-4 text-left font-bold text-pycon-orange-75 bg-pycon-black border-b border-white/10 sticky left-0 z-10"
                       aria-label={category.category}
                     >
                       <span aria-hidden="true">{category.category}</span>
-                    </th>
+                    </td>
                     <td colspan="5" class="bg-pycon-black border-b border-white/10" />
                   </tr>
                   {category.rows.map((row: any) => (
                     <tr>
-                      <th
+                      <td
                         scope="row"
                         class="p-4 text-left border-b border-r border-white/10 text-white sticky left-0 bg-pycon-black z-10 text-sm font-normal"
                       >
                         {row.label}
-                      </th>
+                      </td>
                       {row.data.map((val: string) => (
                         <td class="p-4 text-center border-b border-white/10 text-sm">
                           {val === '✅' ? (