More space between projects on smaller screens

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 (

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 (