i never want to see this ever again

acm-ucr · Feb 3, 2025 · 9428702 · 9428702
1 parent ac4a641
commit 9428702
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 13 deletions.
diff --git 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
@@ -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>