From 25d06cfd2ceae7356e4a7b2f8297bc2e4e63c079 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Wed, 8 May 2024 14:32:59 +0200
Subject: [PATCH] refining responsive

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

diff --git a/src/assets/css/components/layout/Nav.scss b/src/assets/css/components/layout/Nav.scss
index 219adb8..708074b 100644
--- a/src/assets/css/components/layout/Nav.scss
+++ b/src/assets/css/components/layout/Nav.scss
@@ -1,6 +1,7 @@
 nav.main-menu {
-	@apply absolute top-0 py-3 pr-12 w-full flex gap-6 justify-end;
+	@apply absolute top-0 left-0 py-3 pr-6 w-full flex gap-6 justify-end;
 	z-index: 48;
+	box-sizing: border-box;
 }
 
 .nav-menu-toggle {
@@ -23,10 +24,10 @@ nav.main-menu {
 	}
 
 	&__main-links {
-		@apply list-none flex flex-col gap-6 h-full justify-center w-fit  pl-32;
+		@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;
 		li {
 			a {
-				@apply text-white text-9xl text-zuume font-bold block;
+				@apply text-white text-5xl xl:text-9xl text-zuume font-bold block;
 				text-decoration: none;
 
 				&:hover {
@@ -35,13 +36,13 @@ nav.main-menu {
 			}
 			&:nth-child(2) {
 				a {
-					@apply ml-16 flex items-center gap-8;
+					@apply md:ml-16 flex flex-col md:flex-row items-start md:items-center gap-x-8;
 				}
 			}
 		}
 	}
 	&__legal-mentions {
-		@apply absolute bottom-8 right-8 flex gap-6 list-none;
+		@apply md:absolute pt-20 bottom-8 right-8 flex flex-col md:flex-row gap-6 list-none;
 		a {
 			@apply text-white text-xl font-semibold;
 			text-decoration: none;