Skip to content

Commit f69bd2a

Browse files
jeremymanningclaude
andcommitted
Fix brain image vertical centering with viewport-relative units
Changed offset from fixed -20px to -5vh for responsive centering across different browser window sizes. The brain is now properly centered in the available space above the footer navigation. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1 parent 6d66e8d commit f69bd2a

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

css/style.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -997,7 +997,7 @@ body.homepage main {
997997

998998
.brain-wrapper {
999999
position: absolute;
1000-
top: calc(50% - 20px); /* Offset up to visually center in the green area above the menu */
1000+
top: calc(50% - 5vh); /* Offset up to visually center in the green area above the menu */
10011001
left: 50%;
10021002
transform: translate(-50%, -50%);
10031003
transition: left 0.27s ease, transform 0.27s ease, top 0.27s ease;

0 commit comments

Comments
 (0)