From 71435d68901d59a8afff022bcd25dc06b7f45c49 Mon Sep 17 00:00:00 2001 From: Jonas Heinrich Date: Sun, 19 Apr 2020 11:53:18 +0200 Subject: [PATCH] fix menu alignment, flex grow property #24 --- kit/css/header.css | 6 +++++- kit/css/menu.css | 4 ++-- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/kit/css/header.css b/kit/css/header.css index 3628986..756b39d 100644 --- a/kit/css/header.css +++ b/kit/css/header.css @@ -43,7 +43,7 @@ header .header-logo-container { padding: 0.22222rem 0; color: #333333; line-height: 1; - flex-grow: 1; + flex-grow: 0; } header .header-logo-container::after { @@ -54,6 +54,10 @@ header .header-button-container { margin-left: 3.33333rem; } +header nav { + flex-grow: 1; +} + header:not(.sticky-header) nav { margin-top: 3.11111rem; } diff --git a/kit/css/menu.css b/kit/css/menu.css index 8481903..3c3715a 100644 --- a/kit/css/menu.css +++ b/kit/css/menu.css @@ -18,8 +18,8 @@ nav > ul { display: flex; flex-direction: row; flex-wrap: nowrap; - align-items: flex-start; - justify-content: flex-start; + align-items: flex-end; + justify-content: flex-end; } nav > ul > li {