Fix navigation menu style

assets/css/main.scss

@@ -72,17 +72,9 @@ body {
 
 .navigation {
     max-width: 100%;
-
-    &__item {
-        width: fit-content;
-
-        + .navigation__item {
-            margin: 0.3rem 0 0 0;
-        }
-    }
     
     &__link {
-        display: block;
+        display: inline-block;
         overflow-x: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
@@ -133,34 +125,11 @@ 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

@@ -37,6 +37,8 @@ $desktop-media-query: 62rem;
         // Fonts
 
         --text-font-size: 0.95rem;
+        --text-line-height: calc(var(--text-font-size) * 1.1);
+
 
         // Dimensions
 
@@ -51,6 +53,7 @@ $desktop-media-query: 62rem;
         // Fonts
 
         --text-font-size: 0.9rem;
+        --text-line-height: calc(var(--text-font-size) * 1);
 
         // Dimensions