ana sayfa stili değiştirildi ve sayfa numaraları eklendi.

styles/abstracts/_include-media.scss

@@ -29,8 +29,8 @@
 ///  $breakpoints: ('phone': 320px);
 ///
 $breakpoints: (
-  "smallest": 25em,
-  // 400 px
+  "smallest": 22em,
+  // 352 px
   "smaller": 34.375em,
   // 550 px
   "small": 43.75em,

styles/base/_base.scss

@@ -24,3 +24,10 @@ body {
   background-color: hsl(10, 5%, 42%);
   color: #bdb7af;
 }
+
+.container {
+  min-height: 100vh;
+  display: grid;
+  grid-template-rows: auto 1fr auto;
+  align-items: center;
+}

styles/base/_typography.scss

@@ -46,7 +46,7 @@ a {
 
 code {
   background-color: #383838;
-  line-height: 2;
+  line-height: 1.7;
   font-size: 1.6rem;
 }
 

styles/pages/homepage.scss

@@ -1,30 +1,57 @@
 .homepage {
   display: grid;
-  justify-content: center;
   justify-items: center;
+  grid-template-rows: auto auto 58rem;
 
   padding-top: 2rem;
-  list-style-type: none;
+
 
   &_heading-1 {
     padding-top: 1rem;
   }
 
-  &_posts {
-    display: grid;
-    justify-content: center;
-    grid-template-columns: repeat(3, 1fr);
-    grid-template-rows: repeat(8, 12rem);
-    width: 55%;
+  h1 {
+    grid-row: 1;
+    margin-bottom: 1rem;
+  }
 
+  &_posts {
     li {
-      margin-top: 2rem;
-      margin-right: 2rem;
-      text-align: center;
+      margin-top: 1rem;
     }
   }
 
-  @include media("<largest") {
+  &_pagination {
+    display: flex;
+    justify-content: center;
+    gap: 0.5rem;
+    cursor: pointer;
+    align-items: flex-start;
+    margin-top: 5rem;
+
+    a {
+      background-color: #383838;
+      padding: 8px 16px;
+      border-radius: 1rem;
+      text-decoration: none;
+      font-size: 2rem;
+
+      &::after {
+        display: none;
+      }
+    }
+  }
+
+  @include media("<smallest") {
+    grid-template-rows: auto auto 48rem;
+
+    &_pagination {
+      a {
+        font-size: 1.6rem;
+        padding: 5px 10px;
+      }
+    }
+
     li {
       font-size: 1.6rem;
     }

styles/pages/rehber.scss

@@ -59,6 +59,7 @@
 
   li {
     font-family: "DroidSans";
+    line-height: 1.7;
   }
 
   ul,