Edit navigation menu

assets/css/main.scss

@@ -72,10 +72,16 @@ body {
 
 .navigation {
     max-width: 100%;
+
+    &__item {
+
+        + .navigation__item {
+            margin: 0.3rem 0 0 0;
+        }
+    }
     
     &__link {
-        display: inline-block;
-        max-width: 100%;
+        display: block;
         overflow-x: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
@@ -126,12 +132,34 @@ body {
 
 @media screen and (min-width: $tablet-media-query) {
 
+    .navigation {
+
+        &__item {
+
+            + .navigation__item {
+                margin: 0.2rem 0 0 0;
+            }
+        }
+    }
+
     .social {
-        width: auto;
         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,7 +37,6 @@ $desktop-media-query: 62rem;
         // Fonts
 
         --text-font-size: 0.95rem;
-        --text-line-height: calc(var(--text-font-size) * 1.1);
 
         // Dimensions
 
@@ -52,7 +51,6 @@ $desktop-media-query: 62rem;
         // Fonts
 
         --text-font-size: 0.9rem;
-        --text-line-height: calc(var(--text-font-size) * 1);
 
         // Dimensions