From 792c636354607aff59dd5a5cd66a96774c6bada4 Mon Sep 17 00:00:00 2001
From: Justin Visser <justinfvisser@gmail.com>
Date: Thu, 18 Jun 2026 22:19:44 +0200
Subject: [PATCH] web: center and widen the hero

The hero was a 760px block anchored left of a much wider workbench, which read
as lopsided. Center it (margin auto, text-align center) at a wider 880px.
---
 web/src/components/HeroHeadline.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/src/components/HeroHeadline.vue b/web/src/components/HeroHeadline.vue
index 3edb270..1106e74 100644
--- a/web/src/components/HeroHeadline.vue
+++ b/web/src/components/HeroHeadline.vue
@@ -70,7 +70,9 @@ function closeAbout() {
 
 <style scoped>
 .hero {
-  max-width: 760px;
+  max-width: 880px;
+  margin: 0 auto;
+  text-align: center;
 }
 
 h1 {