From 5ccbee3d9dce8effbf11e88627331784cdde02f3 Mon Sep 17 00:00:00 2001 From: Alexel Date: Tue, 15 Aug 2023 17:23:30 -0400 Subject: [PATCH] Ajustement de la hauteur du header (60px) --- public/css/general.css | 6 +++++- public/css/header.css | 14 ++++++-------- 2 files changed, 11 insertions(+), 9 deletions(-) diff --git a/public/css/general.css b/public/css/general.css index e9a4a43..c933b55 100644 --- a/public/css/general.css +++ b/public/css/general.css @@ -14,7 +14,11 @@ img { body { margin: 0; - padding-top: 75px; + padding-top: 60px; +} + +ul { + margin: 0; } .wrapper { diff --git a/public/css/header.css b/public/css/header.css index af97035..7521bc2 100644 --- a/public/css/header.css +++ b/public/css/header.css @@ -4,7 +4,7 @@ width: 100%; top: 0; background-color: #fff; - height: 75px; + height: 60px; } .headerWrapper { @@ -39,6 +39,7 @@ a:visited { .headerMenuElement { padding-bottom: 5px; + margin: 0; } .headerMenuElement:hover { @@ -68,7 +69,7 @@ a:visited { background-color: #fff; display: flex; flex-flow: column; - justify-content: space-around; + justify-content: center; align-items: center; text-align: left; position: fixed; @@ -76,17 +77,14 @@ a:visited { width: 100%; height: 90%; margin: 0; - padding-top: 200px; - padding-bottom: 200px; + padding: auto; } /* Le header s'affiche en menu hamburger pour les breakpoints téléphone et tablette */ @media screen and (min-width: 778px) { .nav-is-active { - font-size: 3rem; - /*48px*/ - padding-top: 100px; - padding-bottom: 100px; + font-size: 2rem; + /*32px*/ } }