Skip to content

Commit 6d66e8d

Browse files
committed
Revert "Fix brain image vertical centering on homepage"
This reverts commit c0f83bf.
1 parent c0f83bf commit 6d66e8d

File tree

1 file changed

+7
-12
lines changed

1 file changed

+7
-12
lines changed

css/style.css

Lines changed: 7 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -992,22 +992,18 @@ body.homepage main {
992992
width: 100%;
993993
height: 100%;
994994
max-width: 1200px;
995-
padding: 0 40px;
996-
display: flex;
997-
align-items: center;
998-
justify-content: center;
995+
padding: 40px;
999996
}
1000997

1001998
.brain-wrapper {
1002999
position: absolute;
1003-
top: 0;
1004-
left: 0;
1005-
right: 0;
1006-
bottom: 0;
1000+
top: calc(50% - 20px); /* Offset up to visually center in the green area above the menu */
1001+
left: 50%;
1002+
transform: translate(-50%, -50%);
1003+
transition: left 0.27s ease, transform 0.27s ease, top 0.27s ease;
10071004
display: flex;
10081005
align-items: center;
10091006
justify-content: center;
1010-
transition: all 0.27s ease;
10111007
}
10121008

10131009
.brain-image {
@@ -1070,9 +1066,8 @@ body.info-transitioning .brain-image {
10701066

10711067
/* Info Panel Active State - Gallery View */
10721068
body.info-active .brain-wrapper {
1073-
right: 50%;
1074-
justify-content: flex-end;
1075-
padding-right: 5%;
1069+
left: 27%;
1070+
top: 50%;
10761071
}
10771072

10781073
body.info-active .brain-image {

0 commit comments

Comments
 (0)