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

styles/pages/hakkinda.scss

@@ -1,7 +1,7 @@
 .about {
   display: grid;
   justify-content: center;
-  grid-template-rows: repeat(1, 10rem);
+  grid-template-rows: 10rem;
 
   padding: 2rem;
 
@@ -13,4 +13,15 @@
       margin-top: 1.5rem;
     }
   }
+
+  @include media("<small") {
+    grid-template-rows: 12rem;
+  }
+
+  @include media("<smallest") {
+    p,
+    li {
+      font-size: 1.6rem;
+    }
+  }
 }

styles/pages/homepage.scss

@@ -12,10 +12,10 @@
 
   &_posts {
     display: grid;
+    justify-content: center;
     grid-template-columns: repeat(3, 1fr);
     grid-template-rows: repeat(8, 12rem);
     width: 55%;
-    min-height: 100vh;
 
     li {
       margin-top: 2rem;
@@ -23,4 +23,15 @@
       text-align: center;
     }
   }
+
+  @include media("<largest") {
+    li {
+      font-size: 1.7rem;
+    }
+  }
+  @include media("<smallest") {
+    li {
+      font-size: 1.5rem;
+    }
+  }
 }

styles/pages/rehber.scss

@@ -73,4 +73,57 @@
       font-size: 1.5rem;
     }
   }
+
+  @include media("<largest") {
+    img {
+      max-width: 80%;
+      min-width: 80%;
+    }
+  }
+  @include media("<large") {
+    grid-template-columns: 70%;
+  }
+  @include media("<small") {
+    grid-template-columns: 90%;
+    img {
+      max-width: 100%;
+      min-width: 100%;
+    }
+  }
+  @include media("<smaller") {
+    p,
+    li {
+      font-size: 1.7rem;
+    }
+
+    pre {
+      code {
+        font-size: 1.2rem;
+      }
+    }
+  }
+
+  @include media("<smallest") {
+    grid-template-columns: 85%;
+    pre {
+      code {
+        font-size: 1rem;
+      }
+    }
+  }
+
+  h1 {
+    font-size: 3rem;
+  }
+  h2 {
+    font-size: 2.7rem;
+  }
+
+  h3 {
+    font-size: 2.4rem;
+  }
+
+  h4 {
+    font-size: 1.9rem;
+  }
 }