Fix navigation menu style

assets/css/main.scss

@@ -72,9 +72,17 @@ body {
 
 .navigation {
     max-width: 100%;
+
+    &__item {
+
+        + .navigation__item {
+            margin: 0.3rem 0 0 0;
+        }
+    }
     
     &__link {
-        display: inline-block;
+        display: block;
+        max-width: fit-content;
         overflow-x: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
@@ -125,11 +133,34 @@ body {
 
 @media screen and (min-width: $tablet-media-query) {
 
+    .navigation {
+
+        &__item {
+
+            + .navigation__item {
+                margin: 0.2rem 0 0 0;
+            }
+        }
+    }
+
     .social {
         justify-content: flex-start;
     }
 }
 
+@media screen and (min-width: $desktop-media-query) {
+
+    .navigation {
+
+        &__item {
+
+            + .navigation__item {
+                margin: 0.1rem 0 0 0;
+            }
+        }
+    }
+}
+
 // Slider section
 
 .slider-section {

assets/css/partials/variables.scss

@@ -12,7 +12,7 @@
     --semi-bold-font-weight: 600;
     --bold-font-weight: 700;
     --text-font-size: 1rem;
-    --text-line-height: calc(var(--text-font-size) * 1.2);
+    --text-line-height: 1.1;
 
     // Dimensions
 
@@ -37,7 +37,7 @@ $desktop-media-query: 62rem;
         // Fonts
 
         --text-font-size: 0.95rem;
-        --text-line-height: calc(var(--text-font-size) * 1.1);
+        // --text-line-height: calc(var(--text-font-size) * 1.1);
 
 
         // Dimensions
@@ -53,7 +53,7 @@ $desktop-media-query: 62rem;
         // Fonts
 
         --text-font-size: 0.9rem;
-        --text-line-height: calc(var(--text-font-size) * 1);
+        // --text-line-height: calc(var(--text-font-size) * 1);
 
         // Dimensions