From b3c377f62dbaf2f6f5e38dc5f023023db42e8baf Mon Sep 17 00:00:00 2001
From: Alex Lebens <alexanderlebens@gmail.com>
Date: Thu, 19 Feb 2026 18:14:44 -0600
Subject: [PATCH] feat: adjustment pass on spacing between sections

---
 src/components/sections/FeatureSection.astro     | 4 ++--
 src/components/sections/GiteaSection.astro       | 2 +-
 src/components/sections/RecentPostsSection.astro | 4 ++--
 src/components/sections/WeatherSection.astro     | 4 ++--
 src/pages/about.astro                            | 2 +-
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/sections/FeatureSection.astro b/src/components/sections/FeatureSection.astro
index 1072114..d1d2e5e 100644
--- a/src/components/sections/FeatureSection.astro
+++ b/src/components/sections/FeatureSection.astro
@@ -7,8 +7,8 @@ import directus from '@lib/directus';
 const global = await directus.request(readSingleton('site_global'));
 ---
 
-<section class="mx-auto mb-20 max-w-340 px-4 py-10 sm:px-6 lg:px-8 lg:py-14 2xl:max-w-full">
-  <div class="flex flex-col items-center justify-center gap-y-2 sm:flex-row sm:gap-x-12 sm:gap-y-0 lg:gap-x-24">
+<section class="max-w-340 2xl:max-w-full px-4 sm:px-6 lg:px-8 py-10 lg:py-14 mx-auto mb-2 md:mb-8">
+  <div class="flex flex-col sm:flex-row items-center justify-center gap-y-2 sm:gap-x-12 sm:gap-y-0 lg:gap-x-24">
     <div class="max-w-5xl sm:px-6 lg:px-8">
       <div class="flex flex-wrap gap-6 sm:grid-cols-2 sm:gap-6 lg:grid-cols-3 justify-center">
         <FeaturesCard
diff --git a/src/components/sections/GiteaSection.astro b/src/components/sections/GiteaSection.astro
index f7a2e60..42017a6 100644
--- a/src/components/sections/GiteaSection.astro
+++ b/src/components/sections/GiteaSection.astro
@@ -10,7 +10,7 @@ interface Props {
 const { title, subTitle, url } = Astro.props;
 ---
 
-<section class="lg:px- relative mx-auto mb-20 max-w-340 px-4 pt-30 pb-30 sm:px-6">
+<section class="relative max-w-340 pt-30 pb-30 px-4 sm:px-6 lg:px- mx-auto mb-2 md:mb-10">
   <!-- Animated shapes -->
   <div class="smooth-reveal absolute top-[55%] left-0 scale-90 md:top-[20%] xl:top-[25%] xl:left-[10%]">
     <svg
diff --git a/src/components/sections/RecentPostsSection.astro b/src/components/sections/RecentPostsSection.astro
index ec221e0..112bb48 100644
--- a/src/components/sections/RecentPostsSection.astro
+++ b/src/components/sections/RecentPostsSection.astro
@@ -12,8 +12,8 @@ interface Props {
 const { posts, title, subTitle } = Astro.props;
 ---
 
-<section class="mx-auto mb-20 max-w-340 px-4 py-10 sm:px-6 lg:px-8 lg:py-14 2xl:max-w-full">
-  <div class="mx-auto mb-10 max-w-2xl text-center lg:mb-14">
+<section class="max-w-340 2xl:max-w-full px-4 sm:px-6 lg:px-8 py-10 lg:py-14 mx-auto mb-2 md:mb-8">
+  <div class="text-center max-w-2xl mx-auto mb-10 lg:mb-14">
     <h1 class="smooth-reveal card-text-header block">
       {title}
     </h1>
diff --git a/src/components/sections/WeatherSection.astro b/src/components/sections/WeatherSection.astro
index 1822524..903d9b9 100644
--- a/src/components/sections/WeatherSection.astro
+++ b/src/components/sections/WeatherSection.astro
@@ -7,8 +7,8 @@ const { latitude = "44.95", longitude = "-93.09", cityName = "St. Paul, Minnesot
 const { forecastDays, error } = await getFiveDayForecast(latitude, longitude, timezone);
 ---
 
-<section class="mx-auto mb-20 max-w-340 px-4 py-10 sm:px-6 lg:px-8 lg:py-14 2xl:max-w-full">
-  <div class="mx-auto mb-10 max-w-2xl text-center lg:mb-14">
+<section class="max-w-340 2xl:max-w-fullpx-4 sm:px-6 lg:px-8 py-10 lg:py-14 mx-auto mb-2 md:mb-8">
+  <div class="text-center max-w-2xl mx-auto mb-10 lg:mb-14">
     <h1 class="smooth-reveal card-text-header block">
       Weather in my Area 
     </h1>
diff --git a/src/pages/about.astro b/src/pages/about.astro
index 4eeff6d..9de35b2 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -43,7 +43,7 @@ const global = await directus.request(readSingleton('site_global'));
   />
 
   <section class="max-w-7xl px-4 sm:px-6 lg:px-8 py-10 lg:py-14 mx-auto">
-    <div class="flex flex-col gap-y-24 md:gap-y-32">
+    <div class="flex flex-col gap-y-12 md:gap-y-20">
       <ExperienceSection className="smooth-reveal" />
       <EducationSection className="smooth-reveal" />
       <ProjectSection className="smooth-reveal" />