From 19a619ebbb26a2c3ad494ea27265f891c6c8ec9c Mon Sep 17 00:00:00 2001
From: Vinta Chen <vinta.chen@gmail.com>
Date: Wed, 21 Oct 2026 16:42:35 +0800
Subject: [PATCH] fix: size the home hero to its content height

The home hero was forced to the full viewport height, opening an empty band between the top bar and the headline whenever its content was shorter than the window and pushing the project table down.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 website/static/style.css | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/website/static/style.css b/website/static/style.css
index 3f09cf55..652dd864 100644
--- a/website/static/style.css
+++ b/website/static/style.css
@@ -157,7 +157,6 @@ kbd {
 .hero {
   position: relative;
   width: 100%;
-  min-height: 100svh;
   overflow: clip;
   background:
     radial-gradient(circle at 18% 18%, oklch(55% 0.14 45 / 0.34), transparent 22rem),
@@ -209,12 +208,10 @@ kbd {
   position: relative;
   z-index: 1;
   width: min(100%, calc(var(--shell-max) + (var(--shell-pad) * 2)));
-  min-height: 100svh;
   margin: 0 auto;
   padding: 1.25rem var(--shell-pad) 2.4rem;
   display: flex;
   flex-direction: column;
-  justify-content: space-between;
   gap: 2rem;
 }
 
@@ -1739,7 +1736,6 @@ th[data-sort].sort-asc::after {
 
 @media (max-width: 960px) {
   .hero-shell {
-    min-height: auto;
     padding-bottom: 2rem;
   }
 
@@ -1802,10 +1798,6 @@ th[data-sort].sort-asc::after {
 }
 
 @media (max-width: 680px) {
-  .hero {
-    min-height: auto;
-  }
-
   .hero-topbar {
     gap: 0.75rem;
   }