keith/bytegeist-portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tighten hero spacing above the fold
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source
This commit is contained in:
Keith Casko
2026-06-21 10:17:49 -04:00
parent c65fd78e62
commit 5e5e3da021
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style.css
+10 -10
View File
@@ -46,7 +46,7 @@ img {
.site-header { .site-header {
width: min(calc(100% - 48px), var(--max)); width: min(calc(100% - 48px), var(--max));
height: 76px; height: 64px;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
background: linear-gradient(180deg, rgba(15, 20, 25, 0.4) 0%, transparent 100%); background: linear-gradient(180deg, rgba(15, 20, 25, 0.4) 0%, transparent 100%);
@@ -114,12 +114,12 @@ img {
.hero { .hero {
width: min(calc(100% - 48px), var(--max)); width: min(calc(100% - 48px), var(--max));
min-height: 690px; min-height: 0;
margin: 0 auto; margin: 0 auto;
padding: 92px 0 84px; padding: 28px 0 38px;
display: grid; display: grid;
grid-template-columns: minmax(390px, 0.72fr) minmax(560px, 1.28fr); grid-template-columns: minmax(480px, 0.9fr) minmax(520px, 1.1fr);
gap: 56px; gap: 44px;
align-items: center; align-items: center;
} }
@@ -174,7 +174,7 @@ h2 {
h1 { h1 {
max-width: 660px; max-width: 660px;
font-size: clamp(3.1rem, 5.5vw, 5.25rem); font-size: clamp(3.1rem, 5vw, 4.7rem);
line-height: 0.98; line-height: 0.98;
background: linear-gradient(135deg, #f0f6fc 0%, var(--accent-soft) 60%); background: linear-gradient(135deg, #f0f6fc 0%, var(--accent-soft) 60%);
background-clip: text; background-clip: text;
@@ -286,8 +286,8 @@ h1 {
} }
.project-facts div { .project-facts div {
min-height: 180px; min-height: 126px;
padding: 48px 24px 48px 0; padding: 28px 24px 28px 0;
border-right: 1px solid var(--line); border-right: 1px solid var(--line);
transition: background 300ms ease; transition: background 300ms ease;
background: linear-gradient(180deg, rgba(88, 166, 255, 0.02) 0%, transparent 100%); background: linear-gradient(180deg, rgba(88, 166, 255, 0.02) 0%, transparent 100%);
@@ -671,7 +671,7 @@ footer p {
.hero { .hero {
min-height: auto; min-height: auto;
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 70px; gap: 34px;
} }
.hero-copy { .hero-copy {
@@ -747,7 +747,7 @@ footer p {
} }
.hero { .hero {
padding: 68px 0 64px; padding: 26px 0 36px;
} }
h1 { h1 {