site-nav, projet

assets/css/_home.scss

@@ -28,6 +28,8 @@
 #main_home{
     section{
         padding: calc(var(--unit)*3) var(--padding-body);
+        position: relative;
+           z-index: 1000;
         .section--inner{
             max-width: 1100px;
             margin: 0 auto;
@@ -38,10 +40,6 @@
 }
 
 
-
-
-
-
 .item-nav__group{
     display: flex;
     flex-direction: column;

assets/css/_site-header.scss

@@ -8,6 +8,8 @@
     align-items: center;
     padding: 0 var(--padding-body);
     gap: calc(var(--unit)*2);
+    position: relative;
+    z-index: 10000;
 
     a{ text-decoration: none; }
 

assets/css/_site-nav.scss

@@ -1,4 +1,9 @@
 
+#site-nav{
+    z-index: 10000;
+}
+
+
 #site-nav a {
     text-decoration: none;
     color: currentColor;

assets/style.css

@@ -95,6 +95,8 @@ button {
   align-items: center;
   padding: 0 var(--padding-body);
   gap: calc(var(--unit) * 2);
+  position: relative;
+  z-index: 10000;
 }
 #site-header a {
   text-decoration: none;
@@ -177,6 +179,10 @@ button {
   cursor: pointer;
 }
 
+#site-nav {
+  z-index: 10000;
+}
+
 #site-nav a {
   text-decoration: none;
   color: currentColor;
@@ -672,6 +678,8 @@ span.controls::after {
 
 #main_home section {
   padding: calc(var(--unit) * 3) var(--padding-body);
+  position: relative;
+  z-index: 1000;
 }
 #main_home section .section--inner {
   max-width: 1100px;