From b3f5b0e3a863bd4685ff67fab5900a266a7a0bbe Mon Sep 17 00:00:00 2001
From: Shrey Pandya <shrey150@yahoo.com>
Date: Wed, 25 Dec 2024 11:57:18 -0600
Subject: [PATCH 1/3] center names for people in startup tile

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

diff --git a/components/startups/StartupProfileTile.tsx b/components/startups/StartupProfileTile.tsx
index 55569a2..9d72fa1 100644
--- a/components/startups/StartupProfileTile.tsx
+++ b/components/startups/StartupProfileTile.tsx
@@ -104,7 +104,7 @@ export default function StartupProfileTile({
         />
       </InternalLink>
 
-      <h1 className="mt-1 text-sm">{displayName}</h1>
+      <h1 className="mt-1 text-center text-sm">{displayName}</h1>
       <p className="text-gray-500 text-xs">{role}</p>
       {/* {connectionStatus ? (
         <div

From cc4b11a4a4d6154de2fb82fef9bd9796e1357af8 Mon Sep 17 00:00:00 2001
From: Shrey Pandya <shrey150@yahoo.com>
Date: Wed, 25 Dec 2024 12:10:27 -0600
Subject: [PATCH 2/3] ensure people badges below project tiles are always
 square aspect ratio

---
 components/projects/ProjectTile.tsx | 8 ++++++--
 components/startups/StartupTile.tsx | 8 ++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/components/projects/ProjectTile.tsx b/components/projects/ProjectTile.tsx
index 5bc6f1b..92ab48e 100644
--- a/components/projects/ProjectTile.tsx
+++ b/components/projects/ProjectTile.tsx
@@ -150,8 +150,12 @@ export default function ProjectTile({ project }: { project: Project }) {
             {imagesQuery?.data &&
               Object.entries(imagesQuery?.data).map(
                 ([key, value]: [string, string]) => (
-                  <span className="avatar rounded-full relative border-[2px] border-[#F8F8F8] w-[30px] overflow-hidden">
-                    <img className="w-full block" src={value} alt="temp" />
+                  <span className="avatar rounded-full relative border-[2px] border-[#F8F8F8] w-[30px] h-[30px] overflow-hidden">
+                    <img
+                      className="w-full h-full object-cover"
+                      src={value}
+                      alt="temp"
+                    />
                   </span>
                 )
               )}
diff --git a/components/startups/StartupTile.tsx b/components/startups/StartupTile.tsx
index 09e8529..aef3288 100644
--- a/components/startups/StartupTile.tsx
+++ b/components/startups/StartupTile.tsx
@@ -184,8 +184,12 @@ export default function StartupTile({ startup }: { startup: Startup }) {
             {imagesQuery?.data &&
               Object.entries(imagesQuery?.data).map(
                 ([key, value]: [string, string]) => (
-                  <span className="avatar rounded-full relative border-[2px] border-[#F8F8F8] w-[30px] overflow-hidden">
-                    <img className="w-full block" src={value} alt="temp" />
+                  <span className="avatar rounded-full relative border-[2px] border-[#F8F8F8] w-[30px] h-[30px] overflow-hidden">
+                    <img
+                      className="w-full h-full object-cover"
+                      src={value}
+                      alt="temp"
+                    />
                   </span>
                 )
               )}

From 833d5207001b14481be2e0dcf10fe2936f90fe23 Mon Sep 17 00:00:00 2001
From: Shrey Pandya <shrey150@yahoo.com>
Date: Wed, 25 Dec 2024 16:46:45 -0600
Subject: [PATCH 3/3] center project logo in tiles

---
 components/startups/StartupTile.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/startups/StartupTile.tsx b/components/startups/StartupTile.tsx
index aef3288..5746ade 100644
--- a/components/startups/StartupTile.tsx
+++ b/components/startups/StartupTile.tsx
@@ -119,10 +119,10 @@ export default function StartupTile({ startup }: { startup: Startup }) {
         className="m-0 p-0 list-none rounded-md"
       >
         <div className="bg-white border border-0.5 relative h-0 pb-[75%] overflow-hidden rounded-md group">
-          <div className="flex items-center justify-center text-center">
+          <div className="flex items-center justify-center text-center absolute inset-0 p-4">
             <img
               src={logo}
-              className="w-[400px] h-[250px] mt-auto rounded-lg rounded-b-sm object-contain "
+              className="max-w-full max-h-full w-auto h-auto rounded-md object-contain"
               alt={`${name} logo`}
             />
           </div>