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

2026-09-11 10:56:08 +00:00 · 2021-08-19 17:59:38 +03:00
parent 82ef72d01d
commit 58a7818911
7 changed files with 126 additions and 7 deletions
@@ -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;
+  }
 }