From c2555ee0a6836b2e9175ce5dc8ca790796761a45 Mon Sep 17 00:00:00 2001 From: EpicKiwi Date: Tue, 13 Jun 2023 18:21:47 +0200 Subject: [PATCH] Added black background on header --- css/style.css | 18 ++++++++++++++++-- 1 file changed, 16 insertions(+), 2 deletions(-) diff --git a/css/style.css b/css/style.css index c2f6f9c..0e07e2a 100644 --- a/css/style.css +++ b/css/style.css @@ -45,11 +45,25 @@ a:visited { display: flex; flex-direction: row; justify-content: start; - align-items: start; + align-items: stretch; gap: 15px; padding: 10px; + position: relative; + margin-bottom: 25px; +} + +#main-header::before { + content: ""; + z-index: -1; + width: 100vw; + background: black; + height: 100%; + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); } #main-header > nav { @@ -58,7 +72,7 @@ a:visited { display: flex; flex-direction: row; justify-content: end; - align-items: start; + align-items: center; } @media screen and (max-width: 600px) {