From ce0697e00ae4a6b94ff7503a5186af2548290a54 Mon Sep 17 00:00:00 2001 From: Honey Date: Sun, 7 Jun 2026 21:07:23 +0200 Subject: [PATCH] fix: restore center center on mobile artist hero (was breaking phone view) Only override object-position on desktop (>=769px) to center 30%. Mobile keeps center center which was already working great. Co-Authored-By: Claude Sonnet 4.6 --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 22a5ae6..ff46d8e 100644 --- a/styles.css +++ b/styles.css @@ -824,7 +824,7 @@ button:focus{outline:none} .artist-hero{height:220px;border-radius:14px;overflow:hidden;position:relative;margin-bottom:24px;background:linear-gradient(135deg,var(--surface2),var(--surface))} .artist-hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(7,7,15,.85) 0%,transparent 100%);display:flex;align-items:flex-end;padding:20px 28px} .artist-hero-name{font-size:32px;font-weight:800;letter-spacing:-1px} -.artist-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block} +.artist-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block} @media(min-width:769px){ .artist-hero{height:320px;border-radius:16px} .artist-hero-overlay{padding:28px 36px}