site küçük ekranlar için uyumlu hale getirildi

styles/components/footer.scss

@@ -22,5 +22,14 @@
         color: var(--color-tertiary);
       }
     }
+
+    @include media("<smaller") {
+      &-main {
+        font-size: 1.7rem;
+      }
+      &-secondary {
+        font-size: 1.3rem;
+      }
+    }
   }
 }

styles/components/navbar.scss

@@ -2,6 +2,7 @@
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   justify-items: center;
+  white-space: nowrap;
 
   background-color: var(--color-grey);
   padding: 1.6rem;
@@ -28,13 +29,16 @@
     margin-top: 0.3rem;
     margin-left: 2rem;
 
-    font-size: 2rem;
     list-style-type: none;
 
     li:not(:last-child) {
       margin-right: 2.5rem;
     }
 
+    li {
+      font-size: 1.9rem;
+    }
+
     &-item {
       a:visited,
       a:link {
@@ -55,4 +59,28 @@
       }
     }
   }
+
+  @include media("<small") {
+    width: 100%;
+    &_logo {
+      font-size: 2rem;
+    }
+
+    &_list {
+      li {
+        font-size: 1.5rem;
+      }
+    }
+  }
+  @include media("<smallest") {
+    &_logo {
+      font-size: 1.5rem;
+    }
+
+    &_list {
+      li {
+        font-size: 1.1rem;
+      }
+    }
+  }
 }