From 95e6b6fb10bf39503a6db1bba5287c45e4332d50 Mon Sep 17 00:00:00 2001 From: isUnknown Date: Thu, 19 Sep 2024 11:31:47 +0200 Subject: [PATCH] fix header height --- assets/css/src/hero.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/assets/css/src/hero.css b/assets/css/src/hero.css index 0aa327e..65b81f4 100644 --- a/assets/css/src/hero.css +++ b/assets/css/src/hero.css @@ -4,6 +4,7 @@ display: grid; grid-template-columns: 1.6fr 3fr; column-gap: calc(var(--space-m) / 1.5); + height: calc(100vh - 12rem); } .hero__text { @@ -46,6 +47,17 @@ margin-right: 1rem; } +.hero__image { + height: calc(100vh - 12rem - 2 * var(--padding-vertical)); +} + +.hero__image picture { + height: 100%; +} +.hero__image img { + object-fit: cover; +} + @media screen and (max-width: 800px) { .hero__text h2 { text-align: center;