From bffed9d566f5f5c4787ed39746d497e8a1bb0c85 Mon Sep 17 00:00:00 2001
From: Valentin Maerten <maerten.valentin@gmail.com>
Date: Sun, 30 Aug 2026 14:25:45 +0200
Subject: [PATCH] style(site): line the homepage breakpoints up with the
 VitePress scale

The homepage used 800px and 560px while the theme and custom.css work off
640/768/960. Move to 959px and 639px, which also stacks the two code
panels before they get too narrow to read.
---
 website/.vitepress/components/HomePage.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/website/.vitepress/components/HomePage.vue b/website/.vitepress/components/HomePage.vue
index 30377cf8..802209cd 100644
--- a/website/.vitepress/components/HomePage.vue
+++ b/website/.vitepress/components/HomePage.vue
@@ -468,7 +468,7 @@ onUnmounted(() => window.clearTimeout(copyResetTimer));
   padding: 0 24px;
 }
 
-@media (max-width: 800px) {
+@media (max-width: 959px) {
   .quick-start,
   .choose-path {
     padding-top: 4.5rem;
@@ -485,7 +485,7 @@ onUnmounted(() => window.clearTimeout(copyResetTimer));
   }
 }
 
-@media (max-width: 560px) {
+@media (max-width: 639px) {
   .home-content {
     margin-top: 2.5rem;
   }