From 515ef1c6c0ad1cc10fb60d01ade30662efa531bb Mon Sep 17 00:00:00 2001
From: InstaZDLL <github.105mh@8shield.net>
Date: Tue, 26 May 2026 04:38:57 +0200
Subject: [PATCH] docs(readme): switch Wrapped image cap to the height
 attribute
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

GitHub's markdown sanitizer drops inline `style` attributes
(including the `max-height` we set in #161), so the portrait Wrapped
capture rendered at its full natural size after the merge — the
gallery row ended up even more imbalanced than before the cap.

The HTML `height` attribute is in GitHub's allowlist and the browser
keeps the aspect ratio when only one dimension is set, so
`height="380"` brings the Wrapped tile to roughly the same rendered
height as the landscape karaoke-lyrics tile next to it without any
CSS.
---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index cc83da6..ba78689 100644
--- a/README.md
+++ b/README.md
@@ -48,7 +48,7 @@ WaveFlow is a local music player desktop app with a Spotify-inspired 3-panel UI.
   </tr>
   <tr>
     <td width="50%"><img src="docs/screenshots/karaoke-lyrics.png" alt="Apple Music style fullscreen karaoke lyrics" /></td>
-    <td width="50%" align="center"><img src="docs/screenshots/wrapped.png" alt="WaveFlow Wrapped year-in-review with top tracks, average tempo and longest streak" style="max-height: 520px; width: auto;" /></td>
+    <td width="50%" align="center"><img src="docs/screenshots/wrapped.png" alt="WaveFlow Wrapped year-in-review with top tracks, average tempo and longest streak" height="380" /></td>
   </tr>
   <tr>
     <td align="center"><sub><b>Karaoke lyrics</b> · Apple-Music-style word-level highlight with click-to-seek</sub></td>