git added new style , little style

app/Components/layout/Header/Header.module.css

@@ -1,3 +1,9 @@
+.link {
+  display: flex;
+  align-items: center;
+  margin: 10px 5px;
+}
+
 .logo {
   position: relative;
   z-index: 3;
@@ -86,15 +92,50 @@
   max-height: 60%;
 }
 
+@media (max-height: 550px) {
+  .containerBarNav {
+    max-height: 70%;
+  }
+
+  .yellowPart {
+    height: 15px;
+  }
+
+  .logoContainer {
+    min-width: 150px;
+    aspect-ratio: 250/70;
+  }
+
+  .link {
+    display: flex;
+    align-items: center;
+    margin: 5px 2px;
+  }
+
+  .header::after {
+    left: -60px;
+    min-width: 300px;
+  }
+
+  .header::before {
+    left: -40px;
+    width: 10%;
+    min-width: 300px;
+  }
+
+}
+
 @media (max-width: 800px) {
   .yellowPart {
     left: 0;
     background: #bd8c01;
     transform: skew(0deg);
   }
+
   .header::after {
     left: -100px;
   }
+
   .header::before {
     left: -80px;
   }
@@ -105,11 +146,13 @@
     min-width: 100%;
     transform: skew(25deg);
   }
+
   .header::before {
     min-width: 100%;
     transform: skew(25deg);
   }
+
   .containerBarNav {
     padding-left: 0;
   }
-}
+}