From c3f19db172c7bd503b97492ba83cb55aaeac8ad2 Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Tue, 23 Jan 2024 13:52:24 +0000
Subject: Added styling to projects (cards)

---
 src/pages/projects.astro | 30 +++++++++++++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

(limited to 'src/pages')

diff --git a/src/pages/projects.astro b/src/pages/projects.astro
index b381bf3..b6da87a 100644
--- a/src/pages/projects.astro
+++ b/src/pages/projects.astro
@@ -6,7 +6,7 @@ import projects from "../components/projects.json";
     {
         projects.map((project) => {
         return (
-                <div class="projects">
+                <div class="cards">
                     <h1>{project.name}</h1>
                     <p>{project.description}</p>
                     {project.links.map((link) => {
@@ -19,3 +19,31 @@ import projects from "../components/projects.json";
     })
     }
 </Page>
+<style>
+    .cards {
+        display: flex;
+        flex-direction: column;
+        gap: 1em;
+        background-color: #3B513B;
+        padding: 1.2em;
+        border-radius: 20px;
+        margin: 1em;
+    }
+
+    .cards h1 {
+        padding: 0;
+        margin: 0;
+    }
+
+    .cards p {
+        padding: 0;
+        margin: 0;
+    }
+
+    .cards a {
+        text-align: right;
+        display: inline-block;
+
+    }
+
+</style>
\ No newline at end of file
-- 
cgit v1.2.3