From 3ccb44a72933460ab6255bf4402c1d657f24949c Mon Sep 17 00:00:00 2001 From: jmartin Date: Fri, 24 Jul 2026 10:35:44 -0400 Subject: [PATCH] Scale hero logo up to ~200px (responsive clamp) --- client/src/pages/HomePage.scss | 10 +++++----- client/src/pages/HomePage.tsx | 4 ++-- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/client/src/pages/HomePage.scss b/client/src/pages/HomePage.scss index b17fdca..7f38d06 100644 --- a/client/src/pages/HomePage.scss +++ b/client/src/pages/HomePage.scss @@ -13,13 +13,13 @@ } &__logo { - width: 120px; - height: 120px; + width: clamp(160px, 28vw, 220px); + height: clamp(160px, 28vw, 220px); object-fit: contain; - border-radius: 16px; + border-radius: 20px; background: #000; - margin-bottom: 1.25rem; - box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45); + margin-bottom: 1.5rem; + box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5); } &__sub { diff --git a/client/src/pages/HomePage.tsx b/client/src/pages/HomePage.tsx index 6551599..1272c65 100644 --- a/client/src/pages/HomePage.tsx +++ b/client/src/pages/HomePage.tsx @@ -34,8 +34,8 @@ export function HomePage() { src="/logo.png" alt="jmartgraphix" className="home-hero__logo" - width={120} - height={120} + width={200} + height={200} decoding="async" />

jmartgraphix