From 3639c6b1254cf5e65c84c3fc57d120283db10938 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Thu, 16 May 2024 18:00:35 +0200
Subject: [PATCH] refining responsiveness

---
 src/assets/css/components/layout/Nav.scss | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/assets/css/components/layout/Nav.scss b/src/assets/css/components/layout/Nav.scss
index 8abeb9f..32e5b87 100644
--- a/src/assets/css/components/layout/Nav.scss
+++ b/src/assets/css/components/layout/Nav.scss
@@ -16,21 +16,22 @@ nav.main-menu {
 	@apply overflow-y-auto;
 }
 .menu {
-	@apply bg-lhoist w-full h-screen fixed  bottom-0 left-0;
+	@apply bg-lhoist pl-6 w-full h-screen fixed  bottom-0 left-0 flex flex-col justify-between;
 	height: 100dvh;
 	box-sizing: border-box;
 	// &[open] {
 	// 	@apply block;
 	// }
+
 	.cta--close {
 		@apply absolute top-8 right-8 p-8;
 	}
 
 	&__main-links {
-		@apply list-none flex flex-col gap-6 md:h-full pt-24 md:pt-0 justify-center w-full pl-4 xl:pl-32;
+		@apply list-none flex flex-col gap-6 md:h-full pt-24 md:pt-0 justify-center w-full pl-0 xl:pl-32;
 		li {
 			a {
-				@apply text-white text-5xl xl:text-9xl text-zuume font-bold block;
+				@apply text-white text-5xl md:text-6xl lg:text-8xl xl:text-9xl text-zuume font-bold block;
 				text-decoration: none;
 
 				&:hover {
@@ -46,6 +47,7 @@ nav.main-menu {
 	}
 	&__legal-mentions {
 		@apply md:absolute pt-20 bottom-8 right-8 flex flex-col md:flex-row gap-6 list-none;
+		padding-inline-start: 0;
 		a {
 			@apply text-white text-xl font-semibold;
 			text-decoration: none;