Skip to content

Commit 43ddac3

Browse files
fix: use fixed height for profile header (6:1 ratio at max-width)
Change header display from aspect-ratio: 3/1 to a fixed height of 128px (theme.space['32']). This achieves a 6:1 aspect ratio at the 768px max-width container, and the ratio naturally decreases on mobile as the width shrinks while height remains constant. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1 parent 11cae05 commit 43ddac3

File tree

1 file changed

+1
-2
lines changed

1 file changed

+1
-2
lines changed

src/components/ProfileSnippet.tsx

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -43,13 +43,12 @@ const HeaderContainer = styled.div<{ $header?: string }>(
4343
${$header
4444
? `
4545
background-image: url("${encodeURI($header)}")};
46-
aspect-ratio: 3 / 1;
46+
height: ${theme.space['32']};
4747
`
4848
: `
4949
background-image: ${theme.colors.blueGradient};
5050
height: ${theme.space['28']};
5151
`}
52-
/* aspect-ratio: 3 / 1; */
5352
background-position: center;
5453
background-size: cover;
5554
background-repeat: no-repeat;

0 commit comments

Comments
 (0)