From 027c7b2abc342f3b188f41defdd2b62346ba5069 Mon Sep 17 00:00:00 2001
From: Nathan Cummins <nathan@nathancummins.com.au>
Date: Tue, 12 Aug 2025 13:16:31 +0930
Subject: [PATCH] More space between projects on smaller screens

---
 src/pages/index.astro    | 2 +-
 src/pages/projects.astro | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 415667a..2dcbaf9 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -133,7 +133,7 @@ const tracks = (
         <Paragraph>
           I've recently been working on a few different projects.</Paragraph
         >
-        <div class="space-y-8">
+        <div class="space-y-16 md:space-y-8">
           {
             projects.map((project, index) => {
               return (
diff --git a/src/pages/projects.astro b/src/pages/projects.astro
index 97bef29..a1aca3d 100644
--- a/src/pages/projects.astro
+++ b/src/pages/projects.astro
@@ -16,7 +16,7 @@ const projects = (await getCollection("projects")).sort(
     <section id="projects" class="bg-white dark:bg-gray-950">
       <div class="mx-auto max-w-4xl px-8 py-16 text-center">
         <SectionTitle>Recent Projects</SectionTitle>
-        <div class="space-y-8">
+        <div class="space-y-16 md:space-y-8">
           {
             projects.map((project, index) => {
               return (