From 4d5935b1f02735f7bba5947f2fa32618fce3c584 Mon Sep 17 00:00:00 2001
From: Jordan Acosta <jordanjacosta@gmail.com>
Date: Tue, 25 Jun 2024 11:57:35 -0700
Subject: [PATCH] fix: keep logo contained

Some logo images are big enough to mess up the page layout.
---
 app/page.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 84089eb..931a338 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -9,16 +9,20 @@ export default async function Home({ searchParams }) {
 
   return (
     <>
-      <header className="flex flex-auto flex-col gap-12 md:gap-24">
-        <div className="flex flex-col gap-4">
+      <header className="flex flex-auto flex-col gap-6 md:gap-12">
+        <div className="text-center">
           <h1>
             <Link href={metadata.homepage_url}>
-              <img src={metadata.logo_url} alt={metadata.name} />
+              <img
+                className="inline-block max-w-xl max-h-xl"
+                src={metadata.logo_url}
+                alt={metadata.name}
+              />
             </Link>
           </h1>
         </div>
 
-        <p className="text-4xl text-center leading-relaxed">
+        <p className="text-xl md:text-4xl text-center leading-relaxed">
           {metadata.description}
         </p>