From 643d943a220bf9ea222b36bf1b59228a492f3de9 Mon Sep 17 00:00:00 2001 From: PianoNic <79938743+Pianonic@users.noreply.github.com> Date: Fri, 6 Nov 2026 17:08:56 +0100 Subject: [PATCH] Stop jumps to the download section with the card centred --- src/app/components/download/download.scss | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/src/app/components/download/download.scss b/src/app/components/download/download.scss index deefc65..f18b834 100644 --- a/src/app/components/download/download.scss +++ b/src/app/components/download/download.scss @@ -3,6 +3,21 @@ padding-bottom: 6rem; } +// A jump to #download stops with the card centred: the section fills the screen below the +// fixed header and centres the card in the space left below it. +@media (min-height: 600px) { + .download { + min-height: 100dvh; + display: flex; + align-items: center; + padding-block: calc(65px + 1rem) 1rem; // the router scrolls the section to the very top, under the 65 px header + + > .container { + width: 100%; + } + } +} + .download-card { position: relative; padding: 5rem 2rem 4rem;