This commit is contained in:
bronkuu 2026-04-21 10:33:51 +02:00
parent c1af1979fe
commit 115a98ab6a
2 changed files with 15 additions and 14 deletions

0
.dev Normal file → Executable file
View file

View file

@ -62,7 +62,7 @@ nav > div {
.hero { .hero {
max-width: var(--max-content-width); max-width: var(--max-content-width);
height: calc(100vh - var(--nav-height) - 2rem); height: 800px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -115,44 +115,45 @@ nav > div {
max-width: var(--max-content-width); max-width: var(--max-content-width);
margin: 0 auto; margin: 0 auto;
padding: 2rem; padding: 2rem;
display: grid; display: grid;
grid-template-columns: 60% 40%; grid-template-columns: 60% 40%;
gap: 1rem;
align-items: center; align-items: center;
& :first-child { & :first-child {
display: flex; display: flex;
align-items: center; align-items: center;
align-content: center; align-content: center;
position: relative;
height: 100%;
& > img { & > img {
border-radius: var(--border-radius); border-radius: var(--border-radius);
border: 0.5rem solid var(--surface); border: 0.5rem solid var(--surface);
scale: 0.8; position: absolute;
height: 100%; max-height: 80%;
width: 100%;
position: relative;
&:first-child { &:first-child {
scale: 1; width: 80%;
top: -2rem; height: auto;
right: 20%;
bottom: 10%;
} }
&:last-child { &:last-child {
top: 1rem; width: 50%;
left: -7rem; height: auto;
z-index: 10; z-index: 10;
left: 50%;
top: 10%;
} }
} }
} }
&:last-child { & :last-child {
& > span { & > span {
color: var(--primary); color: var(--primary);
} }
gap: 1rem;
} }
} }
} }