fix (wiki) : line height compressing text

devopshobbies · Aug 25, 2024 · 2968905 · 2968905
1 parent 9f94041
commit 2968905
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/artifacts/wiki/style.css b/artifacts/wiki/style.css
@@ -13,6 +13,7 @@
     --font-size-large: 1.6rem;
     --font-size-mid: 1.4rem;
     --font-size-small: 1rem;
+    --font-size-phone: 1.2rem;
     --margin-small: 1.6rem;
     --margin-mid: 3rem;
     --margin-large: 5rem;
@@ -28,7 +29,7 @@ body {
     padding: 0;
     background-color: var(--bg-primary);
     color: var(--clr-text);
-    line-height: 2rem;
+    line-height: 2.5rem;
 }
 
 header {
@@ -209,6 +210,11 @@ a:hover {
 /* responsive */
 
 @media only screen and (max-width: 768px) {
+    .container {
+        line-height: 3rem;
+        font-size: var(--font-size-phone);
+    }
+
     nav {
         display: none;
     }
@@ -223,6 +229,7 @@ a:hover {
         font-size: var(--font-size-small);
         overflow-x: auto;
         width: 300px;
+        line-height: var(--font-size-large);
     }
 
     .content {