From b36319f5f41ef98ef72ff0bf56a7eb972f8381b0 Mon Sep 17 00:00:00 2001
From: Aditya Gupta <mail@adityagupta.dev>
Date: Mon, 23 Feb 2026 15:43:50 +0530
Subject: [PATCH] fix #4: Render ribbon above card border

---
 src/components/ProjectsSection.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ProjectsSection.tsx b/src/components/ProjectsSection.tsx
index 6bc6069..e398cb4 100644
--- a/src/components/ProjectsSection.tsx
+++ b/src/components/ProjectsSection.tsx
@@ -67,7 +67,7 @@ export function ProjectsSection() {
                         className={`group relative p-6 bg-(--bg-surface) sketch-border-subtle cursor-pointer overflow-visible ${idx % 2 === 0 ? 'transform rotate-[0.5deg]' : 'transform -rotate-[0.5deg]'}`}
                     >
                         {project.ribbon && (
-                            <div className="absolute -top-2 -right-10 rotate-12">
+                            <div className="absolute -top-2 -right-10 rotate-12 z-10">
                                 <div className="sketch-border-subtle bg-(--color-accent) text-(--bg-base) px-6 py-1 text-xs font-sketch uppercase tracking-wide shadow-lg">
                                     {project.ribbon}
                                 </div>