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" />