From 942870212c04a77990db64a248c688d8981383d5 Mon Sep 17 00:00:00 2001
From: Stanley Lew <stanley43595@gmail.com>
Date: Sun, 2 Feb 2025 17:27:15 -0800
Subject: [PATCH] i never want to see this ever again

---
 src/components/board/Board.tsx     |  2 +-
 src/components/board/BoardCard.tsx | 16 ++++------------
 2 files changed, 5 insertions(+), 13 deletions(-)

diff --git a/src/components/board/Board.tsx b/src/components/board/Board.tsx
index 252ad14..8467f0b 100644
--- a/src/components/board/Board.tsx
+++ b/src/components/board/Board.tsx
@@ -4,7 +4,7 @@ import { boardInfo } from "@/data/boardInfo";
 const Board = () => {
   return (
     <>
-      <div className="mb-[16%] mt-[5%] grid grid-cols-3 gap-2 md:grid-cols-3">
+      <div className="mb-[16%] grid grid-cols-3 gap-2 md:grid-cols-3">
         {boardInfo.map((CARD, index) => (
           <BoardCard
             key={index}
diff --git a/src/components/board/BoardCard.tsx b/src/components/board/BoardCard.tsx
index 4d20089..8d52001 100644
--- a/src/components/board/BoardCard.tsx
+++ b/src/components/board/BoardCard.tsx
@@ -17,21 +17,13 @@ const BoardCard: React.FC<BoardCardProps> = ({ image, name, title, index }) => {
   const diamondColor =
     diamondImages[Math.floor(index / 3) % diamondImages.length];
   return (
-    <div className="">
+    <div className="flex flex-col text-center">
       <div className="relative flex justify-center">
-        <Image
-          src={diamondColor}
-          alt="redDiamond"
-          className=""
-          width={490}
-          height={490}
-        />
+        <Image src={diamondColor} alt="redDiamond" className="w-auto" />
         <Image
           src={image}
           alt="picture of person"
-          className="diamond absolute bottom-[19.4%] right-[31.7%]"
-          width={300}
-          height={300}
+          className="diamond absolute bottom-[19%] right-[18.2%] w-[20vw] rotate-[.5deg] 2xl:bottom-[19.2%] 2xl:right-[21.5%] 2xl:w-[18vw]"
         />
       </div>
       <p
@@ -41,7 +33,7 @@ const BoardCard: React.FC<BoardCardProps> = ({ image, name, title, index }) => {
       >
         {name}
       </p>
-      <p className="relative bottom-7 flex justify-center text-4xl text-csa-gray-100">
+      <p className="relative bottom-4 flex justify-center text-4xl text-csa-gray-100">
         {title}
       </p>
     </div>