From 8580d6e3599890a48524b19788d3dea9039e7eca Mon Sep 17 00:00:00 2001 From: muli Date: Sun, 4 Jun 2023 14:15:43 +0200 Subject: [PATCH] fix: Responsives Verhalten des Headers auf der Homepage gefixt. --- assets/css/style.css | 20 ++++++++++++++++++-- 1 file changed, 18 insertions(+), 2 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index bd3faa8..1fc3738 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1267,7 +1267,7 @@ footer { @media screen and (max-width: 959px) and (min-width: 790px) { header { - margin-bottom: 1rem; + margin-bottom: 2.5rem; } .header__bg_box { @@ -1289,7 +1289,11 @@ footer { .header__sub_claim { grid-column: 1 / span 5; padding: 0; - margin: 2rem 1.5rem -3rem 1.5rem; + margin: 5.5rem 1.5rem 0 1.5rem; + } + + .sub_claim__box { + padding: 0 1.5rem 2rem 1.5rem; } .primary_nav__toggle { @@ -1319,6 +1323,10 @@ footer { --column-count: 1 } + header { + margin-bottom: 1rem; + } + .header__bg_box { grid-template-columns: 15% 82px auto 96px auto; } @@ -1339,6 +1347,14 @@ footer { margin-right: 0.5rem; } + .header__claim { + margin-top: 0.5rem; + } + + .header__sub_claim { + margin-top: 3rem; + } + .content__box.-card_box.-homepage { margin-top: 0; padding-top: 0;