From 8cca63c555d9bfc35031a39619a418cd422252c0 Mon Sep 17 00:00:00 2001
From: Bassim <bassim5n@gmail.com>
Date: Fri, 2 Feb 2024 14:04:50 -0500
Subject: [PATCH] fix(layout): Switch from flex to grid, add `noMargin` prop to
 Card and set `gap-4`

---
 src/components/Projects.astro | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Projects.astro b/src/components/Projects.astro
index 3df6e6b7..5905170d 100644
--- a/src/components/Projects.astro
+++ b/src/components/Projects.astro
@@ -9,10 +9,10 @@ import { Icon } from 'astro-icon/components';
   <div class="h1 mb-4">
     <h1>Projects</h1>
   </div>
-  <ul class="list-none pl-0 sm:flex">
+  <ul class="list-none pl-0 grid sm:grid-cols-2 gap-4">
     {
       projects.map((project) => (
-        <Card variant="bordered" padding="p-3.5" class="my-4 sm:my-0 sm:w-1/2">
+        <Card variant="bordered" padding="p-3.5" noMargin={true}>
           <div slot="content">
             <a
               class="flex items-center justify-between text-[1.2rem] font-semibold no-underline"