diff --git a/src/pages/coming-soon.astro b/src/pages/coming-soon.astro index 0dc35f4..36b1446 100644 --- a/src/pages/coming-soon.astro +++ b/src/pages/coming-soon.astro @@ -24,7 +24,7 @@ Astro.response.headers.set('X-Robots-Tag', 'noindex, nofollow')
+
Сайт в разработке. Следите за обновлениями.
@@ -63,9 +63,11 @@ Astro.response.headers.set('X-Robots-Tag', 'noindex, nofollow') .screen { display: grid; grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr auto; - min-height: 100vh; - min-height: 100dvh; + /* logo row shrinks (status row is always reserved) so nothing scrolls */ + grid-template-rows: minmax(0, 1fr) auto; + height: 100vh; + height: 100dvh; + overflow: hidden; } .logo { @@ -73,11 +75,13 @@ Astro.response.headers.set('X-Robots-Tag', 'noindex, nofollow') grid-row: 1; align-self: start; margin: 0; - padding: calc(var(--pad) * 4) var(--pad) 0 var(--pad); - font-weight: 800; + /* top padding and size track viewport height so it fits at any height */ + padding: clamp(20px, 10vh, 100px) var(--pad) 0 var(--pad); + font-weight: 500; text-transform: uppercase; line-height: 0.88; - font-size: clamp(44px, 7vw, 104px); + font-size: clamp(56px, min(9vw, 15vh), 134px); + overflow: hidden; } .logo__line { display: block; @@ -93,7 +97,8 @@ Astro.response.headers.set('X-Robots-Tag', 'noindex, nofollow') margin: 0; padding: 0 var(--pad) var(--pad); font-size: clamp(15px, 1.6vw, 20px); - font-weight: 500; + font-weight: 400; + text-transform: uppercase; line-height: 1.5; } @@ -121,12 +126,11 @@ Astro.response.headers.set('X-Robots-Tag', 'noindex, nofollow') .logo { grid-column: 1; grid-row: 1; - font-size: clamp(40px, 16vw, 72px); + font-size: clamp(36px, min(16vw, 11vh), 72px); } .media { grid-column: 1; grid-row: 2; - min-height: 42vh; } .status { grid-column: 1;