From 6bdb1b2666c0b855ac1ab3ca3d3eb302ceaa635f Mon Sep 17 00:00:00 2001
From: NotXia <35894453+NotXia@users.noreply.github.com>
Date: Sun, 19 Feb 2023 19:43:16 +0100
Subject: [PATCH] Update project card spacing

---
 src/views/projects/ProjectCard.vue |  2 +-
 src/views/projects/Projects.vue    | 27 +++++++++++++++------------
 2 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/src/views/projects/ProjectCard.vue b/src/views/projects/ProjectCard.vue
index 14f809d..083fe31 100644
--- a/src/views/projects/ProjectCard.vue
+++ b/src/views/projects/ProjectCard.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="border rounded-md p-3 px-3 mx-auto my-5 w-full lg:w-2/3 xl:w-1/2">
+    <div class="border rounded-md p-3 mx-auto w-full lg:w-2/3 xl:w-1/2">
         <h3 class="text-2xl font-semibold text-center text-gray-900 dark:text-white">{{ props.title }}</h3>
         <div class="text-center mb-2">
             <a v-for="link in props.links" :href="link.url" class="font-mono inline-block hover:underline mx-2">{{ link.label }}</a>
diff --git a/src/views/projects/Projects.vue b/src/views/projects/Projects.vue
index c42ecf7..17254e0 100644
--- a/src/views/projects/Projects.vue
+++ b/src/views/projects/Projects.vue
@@ -3,22 +3,25 @@
 
     <main>
         <h1 class="text-5xl font-bold text-center mb-5">{{ t("projects") }}</h1>
+        
         <h2 class="text-3xl text-center mt-10 mb-3">{{ t("wip") }}</h2>
-
-        <Wirefilter />
-        <NotXiaGithubio />
+        <div class="[&>*]:my-14 first:[&>*]:mt-8">
+            <Wirefilter />
+            <NotXiaGithubio />
+        </div>
 
 
         <h2 class="text-3xl text-center mt-10 mb-3">{{ t("completed") }}</h2>
-
-        <TweetAnalysis />
-        <AnimalHouse />
-        <PandOSplus />
-        <Imaging />
-        <MNKGame />
-        <Platform />
-        <PathfindingVisualizer />
-        <SortingVisualizer />
+        <div class="[&>*]:my-14 first:[&>*]:mt-8">
+            <TweetAnalysis />
+            <AnimalHouse />
+            <PandOSplus />
+            <Imaging />
+            <MNKGame />
+            <Platform />
+            <PathfindingVisualizer />
+            <SortingVisualizer />
+        </div>
     </main>
 </template>