diff --git a/website/style.css b/website/style.css
index f883057..4613736 100644
--- a/website/style.css
+++ b/website/style.css
@@ -384,7 +384,10 @@ html.theme-light .compat-logo {
.hero-grid {
display: grid;
- grid-template-columns: 1.55fr 0.75fr;
+ /* Single column until the interactive demo appears (1024px). Below that the
+ headline gets the full width (the three CTAs always fit one row) and the
+ demo stacks underneath, matching the demo's own 1024px breakpoint. */
+ grid-template-columns: minmax(0, 1fr);
align-items: center;
gap: 3rem;
text-align: left;
@@ -2462,12 +2465,6 @@ footer a:hover {
}
}
-@media (min-width: 769px) and (max-width: 1200px) {
- .hero-grid {
- grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
- }
-}
-
@media (min-width: 769px) and (max-height: 920px) {
.hero {
padding-top: clamp(7.5rem, 10vh, 9rem);
diff --git a/website/template.html b/website/template.html
index 6954954..ab172a4 100644
--- a/website/template.html
+++ b/website/template.html
@@ -312,7 +312,7 @@
- GitHub Releases
+ GitHub
{{HERO_TRUST}}