jmartin/jmartgraphix.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Scale hero logo up to ~200px (responsive clamp)

Browse Source
This commit is contained in:
jmartin
2026-07-24 10:35:44 -04:00
parent 7cc397fd1c
commit 3ccb44a729
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/pages/HomePage.scss
+5 -5
View File
@@ -13,13 +13,13 @@
} }
&__logo { &__logo {
width: 120px; width: clamp(160px, 28vw, 220px);
height: 120px; height: clamp(160px, 28vw, 220px);
object-fit: contain; object-fit: contain;
border-radius: 16px; border-radius: 20px;
background: #000; background: #000;
margin-bottom: 1.25rem; margin-bottom: 1.5rem;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45); box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5);
} }
&__sub { &__sub {
client/src/pages/HomePage.tsx
+2 -2
View File
@@ -34,8 +34,8 @@ export function HomePage() {
src="/logo.png" src="/logo.png"
alt="jmartgraphix" alt="jmartgraphix"
className="home-hero__logo" className="home-hero__logo"
width={120} width={200}
height={120} height={200}
decoding="async" decoding="async"
/> />
<h1 className="sr-only">jmartgraphix</h1> <h1 className="sr-only">jmartgraphix</h1>